/* CSS Document */
/* ------------------------------------------------LIENS PAR DEFAUT */
li{
	text-align:justify;
}
  A {
	color: #FFFFFF;
	text-decoration:none;
	font-size: 10px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
}


  .basA {
	color: #FFFFFF;
	text-decoration:none;
	font-size: 11px;
	font-weight: bold;
	font-family: Verdana,Arial, Helvetica, sans-serif;
}
  .current_link {
	color: #3C97C1;
	text-decoration:none;
	font-size: 11px;
	font-weight: bold;
	font-family: Verdana,Arial, Helvetica, sans-serif;
}
  .menuprodA {
	color: #FFFFFF;
	text-decoration:none;
	font-size: 11px;
	font-weight: bold;
	font-family: Verdana,Arial, Helvetica, sans-serif;
}
  .orderA {
	color: #FF9900;
	text-decoration:none;
	font-size: 12px;
	font-weight: bold;
	font-family: Verdana,Arial, Helvetica, sans-serif;
}
.autreA{
color:#0e5a96;
border:none;
}
.language_item{
color:#0e5a96;
}
.message{
color:#FF0000;
}
.message1 {
   color: #ffffff;
   font-size: 11pt;
   font-weight: bold;
   margin: 40px 0;
   text-align: center;
}
language_item current_language_item{
color:#0e5a96;
}
  A:hover {
	color: #FF9900;
}

  A:hover.basA {
	color: #3C97C1;
   font-size: 11px;
   font-weight: bold;
}
  A:hover.menuprodA {
	color: #3C97C1;
   font-size: 11px;
   font-weight: bold;
}
  A:hover.orderA{
	color: #FFFFFF;
	text-decoration: underline;
   font-size: 12px;
}
  body {
	scrollbar-face-color: #DE5126;
	scrollbar-shadow-color: #DE5126;
	scrollbar-arrow-color: #ffffff;
	scrollbar-track-color: #DE5126;
	scrollbar-highlight-color : #DE5126;
	font-family:Verdana;
	font-size:8px;
	color: #666666;
	border: 1px none;
	background-color: #C8D7EC;
	margin :0;









}
  A:hover.titredos {
	font-family:Verdana;
 	font-size:12px;
	color:#9074DD;
	font-weight:bold;
	text-decoration: underline;
}

  INPUT {
	/*background-color:#126DB5;
	border-color : #000000;
	text-indent : 1px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;*/
	color: #4B9FD4;
	border: 1px none #FFFFFF;
	text-decoration: none;
	
   background-color: #FFFFFF;
   border: 1px solid #000000;
   margin: 20px auto 0 auto;
   width: 150px;	
}

  textarea {
   font-family: Verdana;
   font-size: 12px;
   color : #9B9C8C;
   font-style: normal;
   line-height: normal;
   font-weight: normal;
   text-decoration: none;
   letter-spacing: normal;
   text-align: left;
   word-spacing: normal;
   border: thin #000080 inset;
   /* border-color: #000080 inset; */
   background-color: #000000;
  }

  SELECT {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color : #9B9C8C;
	background-color: #000000;
}
.Titre {
	font-family: "Trebuchet MS";
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
}
.SSTITRE {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #3C97C1;
	text-align : right;
}
.Bord {
	border: 1px none #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
}
.Texte {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #B8D3E9;
	font-weight: normal;
	text-align: justify;
   line-height:180%;
}
A.menum {
	color: #99CC00;
	background-color : transparent;
	text-decoration:none;
	font-weight : bold;
	font-size : 10px;
}
  A.menum:hover {
	color: #000033;
	background-color : transparent;
	text-decoration : underline;
	font-weight : bold;
	font-size : 10px;
}
 A.menu {
	color: #000000;
	background-color : transparent;
	text-decoration:none;
	font-size : 10px;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;


}
  A.menu:hover {
	color: #FF9900;
	background-color : transparent;
	text-decoration : underline;
	font-weight: normal;


}
A.m {
	color: #FF9900;
	text-decoration:none;
	font-size : 10px;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	background-repeat : no-repeat;
	width : auto;
	padding-left : 0px;
	line-height : normal;
	font-weight: bold;


}

A.m:hover {
	text-decoration : underline;
	color : #FFFFFF;
}
.blocs {
	font-family: "Century Gothic";
	font-size: 10px;
	font-weight: bold;
	background-image: url(images/tanyah-blocs.jpg);
	background-repeat: no-repeat;
}
.page {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	background-image: url(images/background.jpg);
	background-repeat: repeat-y;

}
.foot {
	background-image: url(images/images/foot_02.jpg);
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;

}
.Actu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFFFFF;
}
.Grandtitre {
	font-family:Verdana,Arial;
	font-size: 20px;
	/*font-weight: bold;*/
	color: #81D0F2;
	text-align: right;
}
.Realisat {
	font-family: "Trebuchet MS";
	font-size: 14px;
	font-weight: bold;
	color: #F6A311;
	text-align: right;
}
.header_menu {
   background-image: url(images/fond_header_menu.png);
   background-repeat: repeat-x;
   /*width: 700px;*/
   height: 28px;
   vertical-align: top;
}

.td_menu {
	height: 10px;
}

.td_bg_menu {
	background-image: url(images/bg_menu.png);
    background-repeat: repeat-x;
	padding-left:20px;
}
.fondlogo{
	background-image: url(images/swf/images/banniere_01.png);
    background-repeat: no-repeat;
}
/* DEVIS ******************************************************************** */
.devis_form {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 11px;
   margin: 20px 0 0 0;
   width: 500px;
}

.devis_form input, .devis_form select {
   background-color: #ffffff;
   border: 1px solid #000000;
   margin: 0;
   padding: 0 0 0 4px;
   text-align: left;
   width: 200px; height: 18px;
}

div.devis_form td {
   /*color: #FFFFFF;*/
   font-family: Verdana, Arial, Helvetica, sans-serif; 
   font-size: 11px;
   text-align: right;
}

table.devis_sujet input {
   font-size: 11px;
   width: 400px;
}

table.devis_sujet td {
   text-align: left;
}

table.captcha input {
   width: 100px;
}

table.captcha td {
   vertical-align: middle;
}

.devis_form1 {
   float: left;
   width: 290px;
}

.devis_form2 {
   float: left;
   width: 290px;
}

.devis_form3 {
   margin: 20px 0 0 0;
   width: 500px;
}

.devis_form_1demand {
   color: #FFFFFF;
   margin: 0 0 10px 75px;
   position: static;
   vertical-align: top;
   width: auto; height: 20px;
}

.devis_form_bodytxt {
   clear: both;
   margin: 0 0 10px 75px;
   position: static;
   color:#F6A311;
   font-weight:bold;
}
.devis_form_button {
   margin: 5px 0 0 75px;
   text-align: center;
}

.devis_form_field {
   color: #FFFFFF;
   float: left;
   margin: 1px 5px 0 0;
   text-align: right;
   width: 70px;
}

.devis_form_field2 {
   float: left;
   color: #FFFFFF;
   margin: 1px 10px 0 0;
   text-align: right;
   width: 100px;
}

.devis_form_file {
   height: 20px;
}

.devis_form_intext {
   color: #FFFFFF;
   float: left;
   margin: 1px 0 0 0;
}

.devis_form_select {
   margin: 0 0 0 75px;
   position: static;
}

.devis_form_titre {
   color: #FFFFFF;
   margin: 0 0 0 20px;
   position: static;
   width: 190px;
}

.devis_form_titre2 {
   color: #FFFFFF;
   margin: 20px 0 5px 20px;
   position: static;
   width: 400px;
}

.devis_form_txdesc {
   margin: 0 0 0 75px;
   position: static;
}

div.devis_form p {
   font-family: Verdana, Arial, Helvetica, sans-serif; 
   font-size: 11px;
   font-weight: bold;
}


td.fieldid {
   color: #FFFFFF;
   font-family: Verdana, Arial, Helvetica, sans-serif; 
   font-size: 11px;
   margin: 1px 5px 0 0;
   text-align: right;
}

input.devform_chkbox {
   background-color: #FFFFFF;
   border: 1px solid #000000;
   margin: 0;
   width: 195px;
}

input.devform_intext {
   background-color: #FFFFFF;
   font-size:11px;
   border: 1px solid #000000;
   margin: 0;
   width: 195px;
}

input.devform_intextG {
   background-color: #FFFFFF;
   font-size:11px;
   border: 1px solid #000000;
   margin: 0;
   width: 200px;
}

input.devform_file {
   background-color: #FFFFFF;
   border: 1px solid #000000;
   margin: 0 0 0 75px;
   width: 200px;
}

input.devform_button {
   background-color: #FFFFFF;
   border: 1px solid #000000;
   width: 100px;
}

tr.submit_contact td {
   text-align: center;
}

tr.submit_contact input {
   background-color: #FFFFFF;
   border: 1px solid #000000;
   margin: 30px auto 0;
   text-align: center;
   vertical-align: bottom;
   width: 80px;
}

select.devform_select {
   background-color: #FFFFFF;
   border: 1px solid #000000;
   color: #4B9FD4;
   width: 200px; 
}

textarea.devform_txadresse {
   background-color: #FFFFFF;
   border: 1px solid #000000;
   width: 200px; height: 53px;
}

textarea.devform_txdesc {
   background-color: #FFFFFF;
   border: 1px solid #000000;
   margin: 0;
   color: #4B9FD4;
   width: 400px; height: 200px; 
}
/********************************* Produits ***********************************/
.tbl_main{
padding-right : 15px;
}
table.prd {
border:1px solid #6495ed;
border-collapse:collapse;
width:100%;
margin:auto;
}
tbody.prd {
background-color:#FFFFFF;
border:1px solid #6495ed;
}
th.prd {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#FFFFFF;
border-right:1px solid #6495ed;
border-bottom:1px solid #6495ed;
padding:5px;
text-align:right;
}
th.left {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#FFFFFF;
border-right:1px solid #6495ed;
border-bottom:1px solid #6495ed;
padding:5px;
text-align:right;
width:25%;
}
th.left1{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#FFFFFF;
border-right:1px solid #6495ed;
border-bottom:1px solid #6495ed;
padding:5px;
text-align:right;
width:45%;
}
td.prd {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
border-right:1px solid #6495ed;
border-bottom:1px solid #6495ed;
padding:5px;
text-align:right;
}
/********************Traitement de screenshots défilant*************************/
div.screenshot{
width:180px;
height:170px;
text-align:center;
}

div.barredefil{
width:100px;
height:30px;
margin-top:10px;
margin-left:auto;
margin-right:auto;
text-align:center;
}

a img{
  border:none;
  }
p.right{
text-align:right;
margin-right:25px;
}

input.type_site{
font-size:12px;
text-align:center;
color:#F6A311;
background-color:#005C96;
border: 1px solid #005C96;
width:150px;
}
.ajoutpanier{
	background: url('/images/p_ajout_panier.png') no-repeat center;
	border:none;
	color:white;
	height:21px;
	width:200px;
	font-family:sans-serif;
 	font-size:10pt;
}

.verifier{
	background: url('/images/p_verifier.png') no-repeat center;
	border:none;
	color:white;
	height:21px;
	width:99px;
	font-family:sans-serif;
 	font-size:10pt;
}

/************************************Image des produits***********************************/
div.numeroactif{
	font-family: sans-serif;
	font-size:10pt;
	font-weight:bold;
	color:#ffffff;
	height:20px;
}
div.numero{
	font-family: sans-serif;
	font-size:10pt;
	font-weight:bold;
	color:#3c97c1;
	height:20px;	
}
div.etape{
font-family: sans-serif;
	font-size:22pt;
	font-weight:bold;
	color:#3f82b3;
	height:70px;
	width: 110px;
}
div.titre{
	font-family: sans-serif;
	font-size:22pt;
	font-weight:bold;
	color:#3f82b3;
	height:50px;
}
div.titre2{
	font-family: sans-serif;
	font-size:11pt;
	font-weight:bold;
	color:#ff8a0a;
	height:10px;
}
div.detailproduit {
	font-family: sans-serif;
	font-size:11pt;
	font-weight:normal;
	color:#ffffff;
	height:80px;
}
div.login {
	
	font-weight:bold;
	
	
}
div.index{
	background-color:#216ba2;
	background: url('images/i_premierfond.png');
	
}

table.panier{
	width:90%;
}

td{
	font-family: sans-serif;
	color:#FFFFFF;
	font-size:11px;
}
td.fondpack{
	padding-left:10px;
	padding-bottom:10px;
}
tr.head{
	background-color:#3c97c1;
	font-family: sans-serif;
	font-size:12px;
	color:#FFFFFF;
	border-left: none;
	border-right: none;
}
tr.ligne_cmd{
	background-color:#2168A0;
}
.ligne_cmd td{	
   border-bottom: none;
   border-left: none;
   border-right: none;
   border-top: 7px solid #286DA3;
}
tfoot{
	background-color:#286DA3;
}
td.total{
	background-color:#FFFFFF;
	color:#3c97c1;
	text-align:right;
	padding-right: 10px;
	font-size:12px;
	font-weight:bold;
}
.left{
	text-align:left;
	padding-left: 10px;
}
.right{
	text-align:right;
	padding-right: 10px;
}
.detail{
	text-align:left;
	padding-left: 20px;
}


/************************Starter***********************/
.text_field{
   border-bottom: none;
   border-left: none;
   border-right: none;
   height:17px;
   color:#3c97c1;
   font-family:sans-serif;
   font-size:11px;
   text-align:left;
   border-top: 1px solid #286DA3;	
}
select{
   border-bottom: none;
   border-left: none;
   border-right: none;
   color:#3F86B7;
   font-family:sans-serif;
   text-align:right;
   border-top: 1px solid #286DA3;
}
.btn_leger{
   background: url('images/i_boutonexterne_gauche.png'); /* Bord gauche et contenu du bouton */
   float: left; /* Afin que le DIV prenne la largeur de son contenu, et non la largeur de la page, pour des raisons didactiques */
   margin: 0px; 	
}

.btn_leger div {
  font-family:sans-serif;
  font-size:10pt;
  background: url('images/i_boutonexterne_droit.png') 100% 0 no-repeat; /* Bord droit du bouton, aligné à droite ! */
  height: 21px; /* Hauteur des images bouton-gauche.png et boutonint_droite.png */
  line-height: 21px; /* Centrer le texte verticalement sur le bouton */
  padding: 0 10px; /* S'assurer que le texte ne soit pas collé aux bordures du bouton */
  color: white; /* Le bouton est bleu foncé, le texte doit être clair */
}
.btn_accueil{
   background: url('images/i_boutonaccueil_gauche.png'); /* Bord gauche et contenu du bouton */
   float: right; /* Afin que le DIV prenne la largeur de son contenu, et non la largeur de la page, pour des raisons didactiques */
   margin: 0px;
	
}

.btn_accueil div {
  font-family:sans-serif;
  font-size:10pt;
  background: url('images/i_boutonaccueil_droit.png') 100% 0 no-repeat; /* Bord droit du bouton, aligné à droite ! */
  height: 21px; /* Hauteur des images bouton-gauche.png et boutonint_droite.png */
  line-height: 21px; /* Centrer le texte verticalement sur le bouton */
  padding: 0 10px; /* S'assurer que le texte ne soit pas collé aux bordures du bouton */
  color: white; /* Le bouton est bleu foncé, le texte doit être clair */
}

/************************Fond de chaque rectangle representant un pack****************************/
div.table{
	display:table;
	height:inherit;
}
div.index_head{
	display:table-row;
	width:inherit;
	height:13px;
}
.index_haut_gauche{
	background-image:url('images/i_hautg.png');
	background-repeat:no-repeat;
	display:table-cell;
	width:13px;
	height:13px;
}
.index_haut_droit{
	background-image:url('images/i_hautd.png');
	background-repeat:no-repeat;
	display:table-cell;
	width:13px;
	height:13px;
}
.index_milieu{
	background-image:url('images/i_milieu.png');
	background-repeat:repeat-x;
	display:table-cell;
	width:inherit;
	height:inherit;
}
.index_bas_gauche{
	background-image:url('images/i_basg.png');
	background-repeat:no-repeat;
	display:table-cell;
	width:13px;
	height:13px;
}
.index_bas_droit{
	background-image:url('images/i_basd.png');
	background-repeat:no-repeat;
	display:table-cell;
	width:13px;
	height:13px;
}
.index_milieub{
	background-image:url('images/i_milieub.png');
	background-repeat:repeat-x;
	display:table-cell;
	height:13px;
}
.index_milieug{
	background-image:url('images/i_milieug.png');
	background-repeat:repeat-y;
	display:table-cell;
	width:inherit;
}
.index_milieud{
	background-image:url('images/i_milieud.png');
	background-repeat:repeat-y;
	display:table-cell;
	width:inherit;
}
.index_milieum{
	background-color:#0c5b96;
	background-image:url('images/i_fond.png');
	display:table-cell;
	width:500px;
	height:inherit;
}

/************************table pour les textes****************************/
div.tablesecond{
	display:table;
	height:inherit;
}
div.index2nd_head{
	display:table-row;
	width:inherit;
	height:15%;
}

/************************Fond****************************/
div.table{
	display:table;
	height:inherit;
}
div.main_head{
	display:table-row;
	width:inherit;
	height:13px;
}
.main_haut_gauche{
	background-image:url('images/coin_gauche.png');
	background-repeat:no-repeat;
	display:table-cell;
	width:13px;
	height:13px;
}
.main_haut_droit{
	background-image:url('images/coin_droit.png');
	background-repeat:no-repeat;
	display:table-cell;
	width:13px;
	height:13px;
}
.main_milieu{
	background-image:url('images/milieu.png');
	background-repeat:repeat-x;
	display:table-cell;
	width:inherit;
	height:inherit;
}
.main_bas_gauche{
	background-image:url('images/coin_bgauche.png');
	background-repeat:no-repeat;
	display:table-cell;
	width:13px;
	height:13px;
}
.main_bas_droit{
	background-image:url('images/coin_bdroit.png');
	background-repeat:no-repeat;
	display:table-cell;
	width:13px;
	height:13px;
}
.main_milieub{
	background-image:url('images/milieub.png');
	background-repeat:repeat-x;
	display:table-cell;
	height:13px;
}
.main_milieug{
	background-image:url('images/milieug.png');
	background-repeat:repeat-y;
	display:table-cell;
	width:inherit;
}
.main_milieud{
	background-image:url('images/milieud.png');
	background-repeat:repeat-y;
	display:table-cell;
	width:inherit;
}
.main_milieum{
	background-color:#216ba2;
	display:table-cell;
	width:500px;
	height:200px;
}

/*********************************New fond*******************************/
.main_milieu_new {
	background-image:url('images/main_milieu.png');
	background-color:transparent;
	background-repeat : repeat-y;
	margin: 0 0;
	width:545px;
}
.sidebar_milieu_new {
	background-image:url('images/sidebar_milieu.png');
	background-color:#216BA2;
	background-repeat : repeat-y;
	width:241px;
}