* {border: 0; margin: 0; padding: 0;}

html, body
   {
   width: 100%;
   height: 100%;
   background-color: #fff;
   text-align: center;
   font-family: Arial, Geneva, Helvetica, sans-serif;
   font-size: 1em;
   line-height: 150%;
   }

h1
   {
   font-size: 1.1em;
   text-decoration: underline;
   }

h2
   {
   font-size: 1em;
   text-decoration: underline;
   }

h3
   {
   font-size: 1em;
   text-align: right;
   text-decoration: none;
   }

h4
   {
   text-decoration: underline;
   font-weight: bold;
   }

a
   {
   color: #000;
   text-decoration: none;
   background-color: transparent;
   }

a:hover
   {
   color: #000;
   text-decoration: underline;
   background-color: transparent;
   }

.a
   {
   cursor: pointer;
   }
/*** FORMULAIRES DEBUT ***/
.alerte
   {
   width: 658px;
   border: 1px solid red;
   }

.alerte_contact
   {
   width: 438px;
   border: 1px solid red;
   }

.messageAlerte
   {
   width: 612px;
   display: block;
   padding-left: 46px;
   color: red;
   background: url(icon_alert.gif) no-repeat 15px center;
   }

.focus
   {
   background: #d6e5ec;
   color: black;
   }

.normal
   {
   background: #fff;
   color: black;
   }

input, textarea
   {
   border: 2px solid #d6e5ec;
   }

.bouton
   {
   color: #000;
   font-family: Arial, Hevlvetica, sans-serif;
   text-align: center;
   font-size: 12px;
   font-weight: bold;
   background: url(button_bg.png) repeat-x;
   border: 3px double #d6e5ec;
   width: auto;
   padding: 0px 10px;
   line-height: 18px !important;
   line-height: 16px;
   height: 26px !important;
   height: 24px;
   margin: 1px;
   cursor: pointer;
   }

.bouton:disabled
   {
   color: gray;
   }

.radio, .checkbox
   {
   border: 0;
   }

.tableau
   {
   background: #d6e5ec;
   color: #000;
   }
/*** FORMULAIRES FIN ***/
.facture
   {
   width:1px;
   height:1px;
   }

.index_pointsforts
   {
   width:50px;
   height:50px;
   float:left;
   font: bold 40px/70px Verdana;
   }

.basesite
   {
   width: 1160px;
   margin-left: auto;
   margin-right: auto;
   text-align: left;
   }

.cadre
   {
   width: 1000px;
   float: left;
   position: relative;
   }

.pub
   {
   width: 160px;
   margin-top: 185px;
   float: left;
   position: relative;
   }

#pub-alternative
   {
   display: none;
   width: 120px;
   margin-top: 185px;
   float: left;
   position: relative;
   }

.haut_langues
   {
   width: 320px;
   height: 50px;
   float: right;
   display: inline;
   position: relative;
   font-size: 1em;
   line-height: 20px;
   background: url(menuhoriz.png) 0px -90px;
   text-align:center
   }

.social
   {
   float: left;
   position: relative;
   }

.langues
   {
   float: right;
   position: relative;
   }

.langues p, .social p
   {
   width: 24px;
   float: left;
   padding-right: 2px;
   padding-left: 2px;
   }

.langues img
   {
   -moz-opacity:.55;
   opacity:.55;
   filter:Alpha(opacity=55);
   }

.social img
   {
   -moz-opacity:.75;
   opacity:.75;
   filter:Alpha(opacity=75);
   }

.langues img:hover, .social img:hover, #langues_current
   {
   background:transparent;
   -moz-opacity:1;
   opacity:1;
   filter:Alpha(opacity=100);
   }

.cadre2haut
   {
   width: 1000px;
   height: 180px;
   float: left;
   position: relative;
   }

.sitehaut
   {
   width: 1000px;
   height: 180px;
   float: left;
   position: relative;
   background: url(jpegs.jpg) 0px 0px;
   }

.hautgauche
   {
   width: 406px;
   height: 180px;
   float: left;
   display: inline;
   padding-left: 20px;
   position: relative;
   }

.hautgauche2
   {
   width: 376px;
   height: 105px;
   cursor: pointer;
   display: block;
   margin-top: 20px;
   position: absolute;
   background: url(logo.gif) top left no-repeat;
   }

.hautdroite
   {
   width: 554px;
   height: 150px;
   float: left;
   display: inline;
   position: relative;
   }

.animation
   {
   width: 440px;
   height: 20px;
   margin-top: 60px;
   margin-left: 84px;
   position: relative;
   }

#craftysyntax
   {
   width: 220px;
   height: 50px;
   float: left;
   margin-left: 14px;
   position: relative;
   }

.touspays
   {
   background: url(offline.gif) top left no-repeat;
   }

.senegal
   {
   background: url(offline_senegal.gif) top left no-repeat;
   }

.menu1
   {
   width: 420px;
   height: 30px;
   margin-top: 70px;
   margin-left: 134px;
   position: relative;
   }

.menu1 ul
   {
   list-style: none;
   }

.menu1 li
   {
   width: 140px;
   height: 30px;
   display: inline;
   }

.menu1 li span
   {
   width: 140px;
   height: 30px;
   float: left;
   font: bold 15px/30px Verdana;
   text-align: center;
   display: block;
   }

.menu1_off
   {
   background: url(menuhoriz.png) -140px 0px;
   }

.li1 a:hover span, .menu1_on
   {
   background: url(menuhoriz.png) 0px 0px;
   color: #000;
   cursor: pointer;
   text-decoration: underline;
   }

.menu1_off2
   {
   background: url(menuhoriz.png) -140px -30px;
   }

.li2 a:hover span, .menu1_on2
   {
   background: url(menuhoriz.png) 0px -30px;
   color: #000;
   cursor: pointer;
   text-decoration: underline;
   }

.menu1_off3
   {
   background: url(menuhoriz.png) -140px -60px;
   }

.li3 a:hover span, .menu1_on3
   {
   background: url(menuhoriz.png) 0px -60px;
   color: #000;
   cursor: pointer;
   text-decoration: underline;
   }

.menu11
   {
   width: 420px;
   height: 30px;
   margin-top: 150px;
   position: relative;
   }

.menu11 ul
   {
   list-style: none;
   }

.menu11 li
   {
   width: 140px;
   height: 30px;
   display: inline;
   }

.menu11 li span
   {
   width: 140px;
   height: 30px;
   float: left;
   font: bold 15px/30px Verdana;
   text-align: center;
   display: block;
   }

.menu11_off
   {
   background: url(menuhoriz.png) -140px 0px;
   }

.menu11 li a:hover span, .menu11_on
   {
   background: url(menuhoriz.png) 0px 0px;
   color: #000;
   cursor: pointer;
   text-decoration: underline;
   }

.cadre2site
   {
   width: 1000px;
   float: left;
   position: relative;
   }

#images
   {
   position:relative;
   width:1000px;
   height:244px;
   float:left;
   }

#images div {
	position:absolute;
	top:0;
	left:0;
    width:1000px;
    height:244px;
	margin-top: 5px;
	padding:0 0 0 0;
	font-size:12px;
	z-index:8;
}

#images div.active {
    z-index:10;
}

#images div.last-active {
    z-index:9;
}

.site
   {
   width: 1000px;
   float: left;
   color: #000;
   position: relative;
   background-color: #d6e5ec;
   }

.site_menu
   {
   width: 680px;
   height: 25px;
   float: right;
   padding-left: 40px;
   position: relative;
   }

.menu2
   {
   width: 200px;
   display: inline;
   float: left;
   margin-top: 20px;
   margin-bottom: 20px;
   margin-left: 20px;
   }

.menu2_titre
   {
   height: 40px;
   color: #000;
   font: normal 18px/40px Verdana;
   text-decoration: underline;
   float: left;
   position: relative;
   }

.menu2 ul
   {
   width: 240px;
   list-style: none;
   text-decoration: none;
   }

.menu2 ul li a
   {
   display: block;
   padding-left: 25px;
   background-position: left 3px;
   background-repeat: no-repeat;
   background-image: url(menu2_off.gif);
   }

.menu2 ul li a:hover, .menu2_current
   {
   background-position: left 3px;
   background-repeat: no-repeat;
   background-image: url(menu2_on.gif);
   color: #000;
   text-decoration: underline;
   }

.menu2_current_cat1
   {
   color: #000;
   text-decoration: underline;
   }

.menu2_questions
   {
   font-size: 0.9em;
   }

.page_hg
   {
   width: 700px;
   background: #fff url(page_hg.gif) no-repeat top left;
   color: #000;
   display: inline;
   float: right;
   font-size: 0.9em;
   margin-left: 20px;
   margin-right: 20px
   }

.page_hd
   {
   background: transparent url(page_hd.gif) no-repeat top right;
   }

.page_bg
   {
   background: transparent url(page_bg.gif) no-repeat bottom left;
   }

.page_bd
   {
   _height: 800px;
   min-height: 800px;
   background: transparent url(page_bd.gif) no-repeat bottom right;
   padding: 20px;
   text-align: justify;
   }

.page_bd a
   {
   color: #000;
   text-decoration: underline;
   background-color: transparent;
   }

.cadre2sitebas
   {
   width: 1000px;
   height: 40px;
   float: left;
   position: relative;
   }

.sitebas
   {
   width: 960px;
   height: 27px;
   font: normal 10px/25px Arial;
   padding-top: 3px;
   padding-left: 20px;
   padding-right: 20px;
   background: #fff url(sitebas_fond.jpg) bottom left repeat-x;
   }

.texte
   {
   width: 960px;
   height: 30px;
   font: normal 13px/30px Arial;
   color: #000;
   float: left;
   padding-left: 20px;
   padding-right: 20px;
   }

.texte2
   {
   width: 122px;
   height: 25px;
   color: #000;
   float: right;
   }

.clear
   {
   clear: both;
   content: "SelfClear";
   display: block;
   visibility: hidden;
   }

.accueil
   {
   width: 260px;
   height: 25px;
   float: left;
   }

.accueil2
   {
   height: 25px;
   float: left;
   }

.accueil3
   {
   height: 25px;
   float: right;
   }

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

.prix
   {
   font-size:0.8em;
   }

.prix_rabais
   {
   color:red;
   text-style:stroke;
   }

<!--[if lt IE 6]>
.alerte
   {
   width: 660px;
   }
<![endif]-->