/*
#FF9900  =  orange / accueil
#0F4BB7  =  bleu roi / entreprise
#8ADBFF  =  bleu clair / recrutement
#00A0C6  =  turquoise / services
#FF1A00  =  rouge / nos produits
#D302AC  =  violet / magasin / arc en ciel
#73BE1E  =  vert / localisation
#F5C119  =  jaune / contact
#E6144A  =  rose / utilisation
             */


BODY {
  color: #000000;
  font: 10px Arial, sans-serif;
  margin: 0px;
	background-color: #ffffff;
}

.site {
  margin-bottom: 0px;
  border: 0px solid #ffffff;
	padding: 0px;
  font: 100%/100% Arial, sans-serif;
  color: #000000;
  background: url(images/background_test.jpg);
	background-repeat: no-repeat;
	background-position : top center;
	background-color: #ffffff;
}

A {
  text-decoration: none;
  color: #0F4BB7;
}

A:hover {
  text-decoration: none;
  color: #000000;
}

.fixe {
  float: right;
  width: 620px;
  margin: 0;
  height: 392px;
  overflow: auto;
  text-align: justify;
  font: 75%/130% Verdana, Arial, sans-serif;
  border: 0px solid #000000;
  padding-right: 5px;
}
.pafixe {
  float: right;
  width: 620px;
  margin: 0;
  height: 392px;
  text-align: justify;
  font: 75%/130% Verdana, Arial, sans-serif;
  border: 0px solid #000000;
  padding-right: 5px;
}

.bott {
  float: right;
  width: 850px;
  margin-top: 10px;
}

.paragraph {
  margin-top: 2px;
  margin-bottom: 5px;
}

.paragraph_recrut {
  margin-top: 2px;
  margin-bottom: 5px;
  font: 120%/180% Arial, sans-serif;
  letter-spacing: .04em;
}

.paragraph_plus {
  margin-top: 2px;
  margin-bottom: 12px;
}

.paragraph2 {
  margin-top: 6px;
  margin-bottom: 4px;
  padding-left: 25px;
  font: 110% Arial, sans-serif;
  letter-spacing: .06em;
}

.paragraph4 {
  margin-top: 4px;
  margin-bottom: 2px;
  padding-left: 25px;
  font: 110%/80% Arial, sans-serif;
  letter-spacing: .06em;
}

.paragraph6 {
  margin-bottom: 3px;
}

           /*
rose / util
             */
.paragraph3 {
  margin-bottom: 8px;
  padding-top: 5px;
  padding-bottom: 5px;
  text-align: center;
  font: 110%/140% Arial, sans-serif;
  color: #ffffff;
  background-color: #E6144A;
  letter-spacing: .06em;
}

           /*
orange / accueil
             */
.paragraph5 {
  margin-bottom: 8px;
  padding-top: 5px;
  padding-bottom: 5px;
  text-align: center;
  font: 110%/140% Arial, sans-serif;
  color: #ffffff;
  background-color: #FF9900;
  letter-spacing: .06em;
}

           /*
bleu / recrutement
             */
.paragraph8 {
  margin-bottom: 8px;
  padding-top: 5px;
  padding-bottom: 5px;
  text-align: center;
  font: 110%/140% Arial, sans-serif;
  color: #ffffff;
  background-color: #8ADBFF;
  letter-spacing: .06em;
}

           /*
turquoise / services
             */
.paragraph9 {
  margin-bottom: 8px;
  padding-top: 5px;
  padding-bottom: 5px;
  text-align: center;
  font: 105%/140% Arial, sans-serif;
  color: #ffffff;
  background-color: #00A0C6;
  letter-spacing: .05em;
}

           /*
rouge / produits
             */
.paragraph10 {
  margin-bottom: 8px;
  padding-top: 5px;
  padding-bottom: 5px;
  text-align: center;
  font: 105%/140% Arial, sans-serif;
  color: #ffffff;
  background-color: #FF1A00;
  letter-spacing: .05em;
}

           /*
jaune / contact
             */
.paragraph11 {
  margin-bottom: 6px;
  padding-top: 3px;
  padding-bottom: 3px;
  text-align: center;
  font: 130%/140% Tahoma, Arial, sans-serif;
  letter-spacing: .03em;
  color: #0F4BB7;
  background-color: #F5C119;
}
           /*
bleu / entreprise
             */
.paragraph12 {
  margin-bottom: 12px;
  padding-top: 8px;
  padding-bottom: 8px;
  text-align: center;
  font: 130%/140% Arial, sans-serif;
  color: #ffffff;
  background-color: #0F4BB7;
  letter-spacing: .06em;
}

           /*
violet / magasin arc en ciel
             */
.paragraph13 {
  margin-bottom: 12px;
  padding-top: 8px;
  padding-bottom: 8px;
  text-align: center;
  font: 130%/140% Arial, sans-serif;
  color: #ffffff;
  background-color: #D302AC;
  letter-spacing: .06em;
}

.tel_ent {
  padding-top: 2px;
  padding-bottom: 2px;
  font: 130%/120% Tahoma, Arial, sans-serif;
  color: #0F4BB7;
  font-weight: bold;
}

.tel_mag {
  padding-top: 2px;
  padding-bottom: 2px;
  font: 130%/120% Tahoma, Arial, sans-serif;
  color: #D302AC;
  font-weight: bold;
}

.paragraph_util {
  padding-top: 5px;
  padding-bottom: 6px;
  padding-left: 3px;
  padding-right: 3px;
  margin-bottom: 2px;
}

.paragraph_util2 {
  padding-top: 5px;
  padding-bottom: 6px;
  background-color: #0F4BB7;
  color: #ffffff;
  padding-left: 3px;
  padding-right: 3px;
  margin-bottom: 2px;
}

.paragraph_add {
  padding-top: 3px;
  padding-bottom: 3px;
  background-color: #0F4BB7;
  color: #ffffff;
  padding-left: 0px;
  padding-right: 0px;
}

.image {
  padding-top: 5px;
  padding-bottom: 12px;
  font: 130%/160% Tahoma, Arial, sans-serif;
  color: #00A0C6;
}

.imageRed {
  padding-top: 5px;
  padding-bottom: 12px;
  font: 130%/160% Tahoma, Arial, sans-serif;
  color: #FF1A00;
}

.info {
  text-align: justify;
  padding-bottom: 6px;
  padding-left: 10px;
  font: 110%/140% Arial, sans-serif;
  font-weight: bold;
}

.center {
  margin-top: 10px;
  margin-bottom: 10px;
  text-align: center;
  font: 80% Verdana, Arial, sans-serif;
  letter-spacing: .06em;
}

.right {
  float: right;
  margin: 10px;
  text-align: center;
  font: 80% Verdana, Arial, sans-serif;
  letter-spacing: .06em;
}

.util1 {
  margin: 0px;
  text-align: left;
  font: 80%/130% Verdana, Arial, sans-serif;
  border: 0px solid #000000;
  padding-right: 5px;
}

.util2 {
  margin: 0px;
  text-align: justify;
  font: 75%/140% Verdana, Arial, sans-serif;
  border-left: 1px solid #000000;
  padding-left: 5px;
}

.util3 {
  margin: 0px;
  text-align: right;
  font: 75%/160% Verdana, Arial, sans-serif;
  border: 0px solid #000000;
  padding-top: 4px;
  padding-left: 0px;
  padding-right: 5px;
}

.util4 {
  margin: 0px;
  text-align: left;
  font: 75%/160% Verdana, Arial, sans-serif;
  border: 0px solid #000000;
  padding-top: 4px;
  padding-left: 15px;
  padding-right: 5px;
}

.util5 {
  margin: 0px;
  font: 75%/130% Verdana, Arial, sans-serif;
  border: 0px solid #000000;
  padding-right: 10px;
}

.util6 {
  margin: 0px;
  font: 75%/130% Verdana, Arial, sans-serif;
  border-left: 1px solid #000000;
  padding-left: 10px;
}

.util7 {
  text-align: center;
  margin: 0px;
  font: 100%/170% Tahoma, Arial, sans-serif;
  color: #73BE1E;
  font-weight: bold;
  border-left: 1px solid #000000;
  padding-left: 10px;
}

.add {
  margin: 0px;
  text-align: center;
  font: 75% Verdana, Arial, sans-serif;
  border: 0px solid #000000;
  padding-right: 5px;
}

a.plan {
  color: #E6144A;
  text-decoration: none;
  font: 100%/120% Arial, sans-serif;
  font-weight: bold;
}

a.plan:hover {
  color: #000000;
  text-decoration: none;
  font: 100%/120% Arial, sans-serif;
  font-weight: bold;
}

a.plan2 {
  color: #0F4BB7;
  text-decoration: none;
  font: 100%/90% Arial, sans-serif;
  font-weight: bold;
}

a.plan2:hover {
  color: #000000;
  text-decoration: none;
  font: 100%/90% Arial, sans-serif;
  font-weight: bold;
}

a.gros {
  text-decoration: none;
  color: #0F4BB7;
  font-weight: bold;
}

a.gros:hover {
  text-decoration: none;
  color: #000000;
  font-weight: bold;
}

.mark {
  padding-bottom: 3px;
  margin: 5px;
  border: 1px solid #000000;
  text-align: left;
  font: 75%/150% Verdana, Arial, sans-serif;
}

.milieu {
  text-align: center;
  padding-top: 3px;
  padding-bottom: 3px;
  letter-spacing: .06em;
}

a.marklien {
  text-decoration: none;
  color: #FF1A00;
  font: 140%/120% Tahoma, Arial, sans-serif;
  padding-left: 20px;
}

a.marklien:hover {
  text-decoration: none;
  color: #000000;
  font: 140%/120% Tahoma, Arial, sans-serif;
  padding-left: 20px;
}

.footer {
  text-align: center;
  border: 0px solid #F9E926;
  font: 70%/140% Arial, sans-serif;
  color: #ffffff;
  padding-top: 19px;
  padding-bottom: 9px;
}

a.foot1 {
  color: #ffffff;
  text-decoration: none;
  font: 100%/100% Arial, sans-serif;
}

a.foot1:hover {
  color: #F9E926;
  text-decoration: none;
  font: 100%/100% Arial, sans-serif;
}

#foot {
  text-align: center;
  font: 100%/120% "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #8ADBFF;
	border-top: 1px solid #F9E926;
}

a.foot2 {
  text-decoration: none;
  color: #8ADBFF;
}

a.foot2:hover {
  color: #F9E926;
  text-decoration: none;
}


body {behavior: url(csshover.htc);}
div#menu a {
  color:#000000;
  font: 80%/100% Verdana, Arial, sans-serif;
  letter-spacing: -.02em;
  }
div#menu ul {padding: 0; margin:0px; background: white; text-align:center}
div#menu li {background:#ffff40;}
div#menu li:hover {background: #FEE435;}
div#menu li.sousmenu:hover {background: #FED046;}
/* rejout couleur de fond */
div#menu li.sousmenu {background-color:#ffff40;}
/* rajout pr pour fleche direction bas et couleur de fond*/
div#menu li.plop {background-color:#ffff40;}

/* une petite bordure en top*/
div#menu ul li {position:relative; list-style: none; float:right; border-top:0px solid;}

div#menu ul ul {position: absolute;display:none; width:97px;}
div#menu li a {text-decoration: none; padding: 4px 0 4px; display:block;width:97px;}
div#menu ul.niveau1 li.sousmenu:hover ul.niveau2,
div#menu ul.niveau2 li.sousmenu:hover ul.niveau3 {display:block;}
div#menu {top:-1px; left: 97px;}



input {
border: 0px solid #ff6600;
background-color: #ffff40;
color: #000000;
}

select {
border: 0px solid #ff6600;
background-color: #ffff40;
color: #000000;
}

option {
border: 0px solid #ff6600;
background-color: #ffff40;
color: #000000;
}

checkbox {
border: 0px solid #ff6600;
background-color: #ffff40;
color: #000000;
}

radio {
border: 0px solid #ff6600;
background-color: #ffff40;
color: #000000;
}

FORM {
	display: inline;
}