body {
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
margin: 0;
padding: 0;
background-color: #B4B8C3;
}
#header {
width:800px;
background-color: #FFFFFF;
padding-left:0px;
}
#conteneur {
position: absolute;
width: 800px;
left: 50%;
margin-left: -375px;
background-color:#ffffff ;
}
h1 {
	color:#00297a;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:20px;
	font-style:italic;
}
h2 {
	color:#00297a;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	font-style:italic;
}
h3 {
	color:#00297a;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	font-style:italic;
}

#centre {
background-color:#ffffff;
margin-left: 190px;
margin-right: 0px;
}
#gauche {
background-image:  url('images/background_blue.gif');
background-repeat:repeat-y;
background-color:#FFFFFF;
width: 190px;
margin-top: 0px;
padding-left:1px;
}
#menugauche {
text-align:left;
}
.main {
background:#FFF;
height: 0px;
margin-left: 0px;
width:611px;
text-align:left;
}
.main_cloud_computing {
background:#FFF url(http://www.groupeab.com/images/cloud_computing2.jpg) no-repeat bottom center;
margin-left: 0px;
width:611px;
min-height:1000px;
text-align:left;

}
#image {
margin-left: 1px;
border: 0;
}
#promo {
margin-left: 1px;
width:611px;
border: 0;
background-color:#FFFFFF;
}

.historique {
margin-left: 25px;
width:150px;
list-style-type:none;
}
.text_historique {
  background-color: #FFFFFF;
  margin-left: 0px;
text-align:left;
}
#pied {
background-image:  url('../images/partenaires.gif');
background-repeat:no-repeat;
background-attachment:fixed;
height: 65px;
}
#menugauche li {
color:#FFFFFF;
list-style-type:circle;
margin-bottom: 5px;
padding-left:15px;
}
.historique li {
width: 150px;
color:#000000;
list-style-type:none;
margin: 0;
margin-top: 0px;
}
.historique2 li {
list-style-type:circle;
width: 250px;
color:#000000;
margin: 0;
margin-top: 0px;
}
#menugauche a {
margin:  0px;
color: #FFFFFF;
text-decoration: none;
}
#menugauche a:hover {
text-decoration: underline;
}
#telemaintenance {
margin-top:10px;
margin-left: 2px;
padding-left: 0;
list-style: none;
color:#000;
text-transform:lowercase;
font-size:12px;
}

#telemaintenance li {
padding-left: 5px;
margin-top:5px;
background-repeat: no-repeat;
background-position: 0 .5em;
}
#telemaintenance li a{
color:#FFF;
}
#telemaintenance li a:hover{
color:#FFF;
}
.jaune {
  background-color: #FFFFFF;
  margin-left: 1px;
  float: right;
  margin: 0;
}
.jaune2 {
  background-color: #FFFFFF;
  margin-left: 1px;
  float: left;
  margin: 0;
}
.verte {
  background-color: #FFFFFF;
  margin-left: 10px;
  margin-top: 0px;
}
.charte li {
width:310px;
color:#002979;
list-style-type:none;
font-weight: none;
text-align: center;
line-height: 35px;
}
.text_charte {
  background-color: #FFFFFF;
  float: right;
  margin: 0;
}
.text_charte2 {
  background-color: #FFFFFF;
  width: 355px;
  font-weight: bold;
  text-align: center;
  margin: 0;
}
.text {
  background-color: #FFFFFF;
  color: #002979;
  font-weight: bold;
  text-align: center;
  margin: 0;
  vertical-align:top;
}
.text a {
font-weight: bold;
color: #002979;
text-decoration: none;
}
.text a:hover {
text-decoration: underline;
}
.text2 {
  color: #002979;
  font-weight: bold;
  margin: 0;
}
.intitule1 {
  background-color: #6DCB4F;
  color: #FFFFFF;
  font-weight: bold;
  margin: 0;
}
.intitule2 {
  background-color: #FF3E3F;
  color: #FFFFFF;
  font-weight: bold;
  margin: 0;
}
.intitule3 {
  background-color: #F9AC00;
  color: #FFFFFF;
  font-weight: bold;
  margin: 0;
}
.text_valeurs {
  padding-left: 3px;
  background-color: #002979;
  color: #FFFFFF;
  margin: 0;
}
.text_form {
  padding-left: 5px;
  background-color: #FFFFFF;
  color: #000000;
  margin: 0;
}
.text_form2 {
  padding-left: 5px;
  background-color: #FFFFFF;
  color: #000000;
  margin: 0;
  font-size:10px;
}
.text_valeurs2 {
  width:280px;
  margin: 0;
}
.text_valeurs3 {
  float: right;
  width: 280px;
  margin: 0;
}
.frame {
margin-left: 1px;
height: 430px;
background-color:#FFFFFF;
overflow: auto;
}
.frame2 {
margin-left: 1px;
height: 530px;
background-color:#FFFFFF;
overflow: auto;
}
.p1 {
width:590px;
margin: 0;
}
.p1 a {
font-weight: bold;
color: #002979;
text-decoration: underline;
}
.p1 a:hover {
text-decoration: none;
}
.p2 {
width:200px;
margin: 0;
}
.p2 a {
font-weight: bold;
color: #002979;
text-decoration: underline;
}
.p2 a:hover {
text-decoration: none;
}
.p3 {
width:310px;
margin: 0;
}
.liste li {
color:#002979;
list-style-type:circle;
margin-bottom: 5px;
}
.liste2 li {
color:#002979;
list-style-type:none;
margin-left: 150px;
margin-bottom: 5px;
}
.autres1 {
  background-color: #cecece;
  padding-left: 3px;
  color: #000000;
  font-weight: bold;
  margin-left: 2px;
  margin: 0;
}
.titre_autres {
padding-left: 5px;
background-color:#E0DAF1;
color:#002979;
list-style-type:circle;
margin-bottom: 5px;
font-weight:bold;
}
.liste3 li {
background-color:#002979;
color:#FFFFFF;
list-style-type:none;
margin-bottom: 5px;
}
.liste4 li {
margin-left: 400px;
color:#002979;
list-style-type:none;
margin-bottom: 5px;
}
.form {
  background-color: #96B1E6;
  color: #000000;
  font-weight: bold;
  margin: 0;
}
.form2 {
  background-color: #B6BDCB;
  color: #000000;
  font-weight: bold;
  margin: 0;
}
.ab {
  background-color: #FFCC66;
  color: #000000;
  font-weight: bold;
  margin: 0;
}
.contact {
  text-align:center;
  background-color: #FFFFFF;
  color:#002979;
  font-weight:bold;
  float: right;
  margin: 0;
}
.contact2 {
  text-align:center;
  font-weight:bold;
  color:#002979;
  background-color: #FFFFFF;
  float: left;
  margin: 0;
}
.soberim {
  background-color: #339933;
  color: #000000;
  font-weight: bold;
  margin: 0;
}
.action_buro {
  background-color: #CC6699;
  color: #000000;
  font-weight: bold;
  margin: 0;
}
.fourni_buro {
  background-color: #66CCFF;
  color: #000000;
  font-weight: bold;
  margin: 0;
}
.ab_papeterie {
  background-color: #CC99FF;
  color: #000000;
  font-weight: bold;
  margin: 0;
}
.alerte {
color:#FF0000;
font-size:13px;
}
.alerte2 {
color:#FF0000;
font-size:17px;
}
.reponse_formulaire{
background-image:url(images/reponse_formulaire.gif);
background-repeat:no-repeat;
font-size:15px;
color:#FFFFFF;
font-weight:bold;
padding-top: 75px;
padding-left:125px;
text-align:left;
}
.formulaire2{
background-color:#00297A;
color:#FFFFFF;
padding-left:4px;
}








fieldset legend {
	font-size:1.1em; /* bump up legend font size, not too large or it'll overwrite border on left */
                       /* be careful with padding, it'll shift the nice offset on top of border  */
	color:#084263;
	font-size:20px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-weight:bold;
}
