body {
   background-color:#ffffff; /*Couleur de fond de la page Web*/
   color:#ADABAC; /*Couleur du texte*/
   font-family:Verdana, Arial, Helvetica, sans-serif; /*Polices d’écriture*/
   font-size:11px; /*Taille d’écriture*/
   padding:0; /*Pour que la page n’ai aucune marge*/
   margin:0; /*Pour que la page n’ai aucune marge*/
   }
   
   
marquee {
  position:absolute;
  width:766px;
  margin-top:-35px;
  margin-left:32px;

}

div#contenu {
   width:820px; /*Largeur du design*/
   margin:0 auto 0 -415px; /*Marges du design ( la 4eme marge représente la moitié de la largeur du div*/
   position:absolute;
   left:50%;/*50% de marge ( cela centrera le design )*/
   background-repeat:repeat; /*Duplication du motif sur les axes x et y*/
   top:0px;
   }
   
/* Reglages personnels : */
ul , li { margin:0; padding:0; list-style-type:none; } /* Pas de marges automatique dans les listes, ni de puces */

a { color:#2375BF; text-decoration:none; }/*Paramètres des liens*/
a:hover { color:#64A2EC; }/*Paramètres des liens quand le pointeur est sur ceux-ci*/

h1 { text-align:center; margin:0; }/*Le texte des balises h1 est centré ( car il est souvent utilisé pour les titres), et cette balise n’a plus de marge automatique */
p { margin:0; padding:0; }/*Pas de marges automatiques sur les <p> */

div.clear { clear:both; }/*Nous verrons ceci un peu plus tard. */
img { display:block ; border:0; }/*Aucune bordure sur les <img>*/

#col_left_top{
  background:transparent url('./images/gauche.jpg') no-repeat scroll right top;
  float:left;
  height:476px;
  margin:0pt 0pt 0pt 0px;
  width:50%;
  position:relative;
}

#col_right_top{
  background:transparent url('./images/droite.jpg') no-repeat scroll left top;
  float:left;
  height:476px;
  margin-left:50%;
  margin-top:-476px;
  width:50%;
}

#bandeau{
  margin-left:33px;
}

#bandeauimage{
  background:transparent url('./images/imagebas.gif') no-repeat scroll left top;
  height:158px;
}

div.menu_gaucheaccueil{
  width:400px;
  float:left;
  margin-top:-111px;
  margin-left:32px!important;
  margin-left:15px;
  background:transparent url('./images/pixelcolone.gif') repeat-y scroll left 30px;
}

.menu_gaucheaccueil p{
  padding-left:35px;
}

div#texteaccueil {
  margin-top:-111px;
  width :372px;
  float :right;
  margin-right:10px;
  background:transparent url('./images/pixelcolone.gif') repeat-y scroll left 30px;
}

#texteaccueil p{
  padding-left:35px;
}

div#footer {
  width:800px;
  height:50px;
  margin-top:50px;
} 

.lirelasuite{
  margin-top:10px;
  display: block; 
	width: 51px ;
	height: 7px;
	background: url('./images/suite.gif') no-repeat 0px 0px ;
}

.lirelasuite:hover{
  background: url('./images/suite.gif') no-repeat 0 -7px ;
}

.toutelesactus{
  display: block; 
	width: 273px ;
	height: 13px;
	background: url('./images/touteslesactus.gif') no-repeat 0 -13px ;
}

.toutelesactus:hover{
  background: url('./images/touteslesactus.gif') no-repeat 0 0 ;
}

.touteslesrealisations{
  display: block; 
	width: 293px ;
	height: 13px;
	background: url('./images/touteslesrealisations.gif') no-repeat 0 -13px ;
}

.touteslesrealisations:hover{
  background: url('./images/touteslesrealisations.gif') no-repeat 0 0 ;
}

.plusdinfo{
  margin-top:10px;
  margin-bottom:0px!important;
  margin-bottom:-4px;
  display: block;
	width: 109px ;
	height: 9px;
	background: url('./images/plusinfos.gif') no-repeat 0px 0px ;
}

.plusdinfo:hover{
  background: url('./images/plusinfos.gif') no-repeat 0 -9px ;
}

.footergauche{
  width:377px;
  float:left;
  margin-left:40px!important;
  margin-left:0px;
}

.footergauche img{
  display:inline;
}

.footerdroite{
  width:372px;
  float:right;
}

.footerdroite img{
  display:inline;
}

.logo1{
  display: block; 
	width: 93px ;
	height: 57px;
	background: url('./images/boutoncodaf.jpg') no-repeat 0 0 ;
}

.logo1:hover{
  background: url('./images/boutoncodaf.jpg') no-repeat 0 -57px ;
}

.logo2{
  display: block; 
	width: 112px ;
	height: 57px;
	margin-left:25px;
	background: url('./images/boutonsodafgeo.jpg') no-repeat 0 0 ;
}

.logo2:hover{
  background: url('./images/boutonsodafgeo.jpg') no-repeat 0 -57px ;
}

.logo3{
  display: block; 
	width: 100px ;
	height: 57px;
	margin-left:25px;
	background: url('./images/boutonsodaftp.jpg') no-repeat 0 0 ;
}

.logo3:hover{
  background: url('./images/boutonsodaftp.jpg') no-repeat 0 -57px ;
}

.logo4{
  display: block; 
	width: 114px ;
	height: 57px;
	margin-left:25px;
	background: url('./images/boutonsodafindustrie.jpg') no-repeat 0 0 ;
}

.logo4:hover{
  background: url('./images/boutonsodafindustrie.jpg') no-repeat 0 -57px ;
}

.menufooter li{
  float:left;
}

.flashsalon{
  position:absolute;
  top:105px;
  right:20px;
  width:200px;
  text-align:right;
}

.titreflashsalon{
  color:#009ee3;
  font-size:12px;
  font-weight:bold;
  margin-top:10px;
  margin-bottom:5px;
}

.lignebleu{
  border-bottom:1px solid #009ee3;
  width:335px;
  height:1px;
  margin-left:35px;
  margin-top:10px;
  margin-bottom:10px;
}

.titre{
  color:#009ee3;
  font-size:14px;
  font-weight:bold;
  margin-top:10px;
  margin-bottom:5px;
}


div.menu_gaucherealisation{
  width:200px;
  float:left;
  margin-top:-111px;
  margin-left:32px!important;
  margin-left:15px;
}

.menu_gaucherealisation p{
  padding-left:0px;
}

div#texterealisation {
  margin-top:-111px;
  width :572px;
  float :right;
  margin-right:10px;
  background:transparent url('./images/pixelcolone.gif') repeat-y scroll left 30px;
}

#texterealisation p{
  padding-left:35px;
}

.boutonrechercher{
  display: block; 
	width: 147px ;
	height: 10px;
	background: url('./images/rechercher.gif') no-repeat 0 0 ;
  cursor: pointer;
  border:0px;
}

.boutonrechercher:hover{
  background: url('./images/rechercher.gif') no-repeat 0 -10px ;
}

.boutonprec{
	width: 22px ;
	height: 15px;
	background: url('./images/boutonprece.gif') no-repeat 0 0 ;
  cursor: pointer;
  border:0px;
}

.boutonprec:hover{
  background: url('./images/boutonprece.gif') no-repeat 0 -15px ;
}

.boutonsuiv{
	width: 22px ;
	height: 15px;
	background: url('./images/boutonsuivant.gif') no-repeat 0 0 ;
  cursor: pointer;
  border:0px;
}

.boutonsuiv:hover{
  background: url('./images/boutonsuivant.gif') no-repeat 0 -15px ;
}

.lirelasuite1{
  margin-top:10px;
  margin-bottom:0px;
  margin-bottom:-4px!important;
  display: block; 
	width: 98px ;
	height: 9px;
	background: url('./images/lirelasuite.gif') no-repeat 0 0 ;
}

.lirelasuite1:hover{
  background: url('./images/lirelasuite.gif') no-repeat 0 -9px ;
}






.pagecontenu{
  margin-top:-111px;
}

div.menu_gauchecontenu{
  width:200px;
  float:left;
  margin-left:32px!important;
  margin-left:15px;
  margin-top:-111px;
}

.menu_gauchecontenu p{
  /*padding-left:35px;*/
}

div.pagecontenutexte {
  width :570px;
  float :right;
  margin-top:-111px;
}

div.textecontenu {
  font-size:13px;
  margin-right:10px;
  margin-bottom:30px;
  background:transparent url('./images/traitgris.jpg') repeat-y scroll left 30px;
  padding-left:35px;
}

div.textecontenu h1 {
   background:transparent url('./images/pucebleue.jpg') no-repeat scroll;
   margin-left:-35px;
   padding-left:35px;
   margin-bottom:10px;
   
   min-height:23px !important;
}

div.textecontenu h1 img{
  *position:absolute!important;
  *margin-left:-265px!important;
  *position:relative;  
  *margin-left:-165px;  
}

div.textecontenu h2 {
 
  font-size:15px;
  font-weight:bold;
  color:#009EE3;
  margin-top:10px;
  margin-right:10px;
  margin-bottom:0px;
  background:transparent url('./images/traitgris.jpg') no-repeat scroll left 30px;
}

div.textecontenu ul li {
 margin-left:20px;
 padding-left:0px;
  list-style-type:square;
  
  
}

.textecontenu p{
  padding-left:35px;
}

.traitgrisrealisation{
  border-bottom:1px solid #e4e4e4;
  width:530px;
  height:1px;
  margin-top:10px;
  margin-bottom:10px;
}


.consultezreali{
  margin-left:0px;
  display: block; 
	width: 335px ;
	height: 13px;
	background: url('./images/consultezreali.gif') no-repeat 0 0 ;
}

.consultezreali:hover{
  background: url('./images/consultezreali.gif') no-repeat 0 -13px ;
}

.contacteznous{
  margin-left:-35px;
  display: block; 
	width: 214px ;
	height: 12px;
	background: url('./images/contacteznous.gif') no-repeat 0 0 ;
}

.contacteznous:hover{
  background: url('./images/contacteznous.gif') no-repeat 0 -12px ;
}



div#plandusite {
  width:800px;
  margin-top:30px;
  padding-left:40px;
  background:transparent url('./images/imagebas.gif') no-repeat scroll left top;
  height:158px;
}

ul.plandusite {
  width:190px;
  float:left;
  padding:0px;
  margin:0px;
  margin-top:25px;
}


ul.plandusite li {
  width:190px;
  float:left;
  padding:0px;
  padding-left:10px;
  list-style-type:none;
  margin:0px;
  margin-top:5px;
}

ul.plandusite a.titredusite a {
  color:#cccccc;
  font-size:11px;
  font-weight:bold;
}

ul.plandusite a.titredusite a:hover {
  text-decoration:none;
}

ul.plandusite li a {
  color:#cccccc;
  font-size:11px;
}

ul.plandusite li a:hover {
  text-decoration:none;
  color:#555555;
}