html, body {
  margin: 0;
  padding: 0;
} 
body {
  font: 13px 'lucida grande', tahoma,verdana,arial,sans-serif;
  background: white;
  line-height: 26px;
} 

.medium {
  font: 14px 'lucida grande', tahoma,verdana,arial,sans-serif;
  line-height: 21px;
  padding: 0 0 18px 20px;
  	color:#333333;
  	/*border: 1px solid red;*/
} 

.mediumnopadding {
  font: 1.1em 'lucida grande', tahoma,verdana,arial,sans-serif;
  line-height: 18px;
  	color:#333333;
} 

.mediumnolineheight {
  font: 1.1em 'lucida grande', tahoma,verdana,arial,sans-serif;
  	color:#333333;
}

.mediumtitles {
	font-weight:bold;
	font-size: 23px;
	letter-spacing: -1px;
	color:#990000;
	  padding-left: -20px;	
} 




img {
  border: none;
} 

.col img{
	/*border: 1px solid red;*/
	padding: 6px 6px 0 0;
}

.col p{
	padding: 6px 16px 0 0;
}

h1 {
  font: 39px 'Myriad Pro', 'Lucida Grande', Tahoma, Helvetica, sans-serif;
  letter-spacing: -1px;
  padding: 0;
  margin: 0;

} 

.h1b {
font: 39px 'Myriad Pro', 'Lucida Grande', Tahoma, Helvetica, sans-serif;
letter-spacing: -1px;
} 

h2 {
  font: 22px 'Myriad Pro', 'Lucida Grande', Tahoma, Helvetica, sans-serif;
} 

h2 a {
  color: black;
  text-decoration: none;
} 

h3 {
  font: 42px 'Myriad Pro', 'Lucida Grande', Tahoma, Helvetica, sans-serif;
} 

a {
  text-decoration: none;
  color:#333333;
}

a:hover {
  text-decoration: underline;
}



.infobulles {
display: block;
vertical-align: top;
float: left;
}



// FLASH BANNER
#flashbackground {
z-index: -1;
position:absolute;
width: 100%;
height: 100%;
}





.bkgur {
background-position: top right;
background-repeat: no-repeat;
}

.bkglr {
background-position: bottom right;
background-repeat: no-repeat;
}

.bkgll {
background-position: bottom left;
background-repeat: no-repeat;
}


.whitelinks {
  color:#FFFFFF;
}
.whitelinks:hover {
  text-decoration: underline;
}

.errorfontcolor {
  color:#FF0000;
}





/**
 * Buttons
 */

a.button {
  text-decoration: none;
  background-color: #c7001a;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  font: 12px tahoma,helvetica, sans-serif;
  color: white;
  padding: 5px 8px;
} 

/**
 * Separator
 */

.separator {
  clear: both;
} 

/**
 * 3 cols layout
 */
.col3 .col {
  width: 33%;
  float: left;
  font-size: 13px;
  line-height: 19px;
} 

/**
 * 2 cols layout
 */
.col2 .col {
  width: 50%;
  float: left;
} 

/**
 * 1 col layout
 */
.col1 .col {
  width: 100%;
  float: left;
} 

.colcenter {
  width: 100%;
  float: center;
} 

.col .colcontent {
  margin: 0 25px;
} 

.col .colcontent a:hover {
  text-decoration: underline;
text-align: justify;
} 


/**
 * Canvas
 */

#canvas {
  width: 1000px;
  margin: 0 auto;
} 

/**
 * Logo
 */

#logo {
  display: block;
  float: left;
  margin-left: 30px;
  margin-top: 35px;
} 

/**
 * Topnav
 */

#topnav {
  float: right;
  margin-top: 17px;
z-index:30;
} 

#extranet-access {
  vertical-align: middle;
  padding-right: 30px;
  float: left;
  background: #c7001a url('/g/button-arrows.gif') no-repeat right center;
} 

/*
 * Language switch
*/

#language-switch {
  vertical-align: middle;
  float: left;
  margin: 0;
  padding: 0;
  margin-right: 15px;
  padding-top: 6px;
  font: 12px 'Myriad Pro', 'Lucida Grande', Tahoma, Helvetica, sans-serif;
} 

#language-switch li {
  float: left;
  list-style: none;
  border-left: solid 1px #7c7c7c;
  padding: 0 4px;
} 

#language-switch li.first {
  border-left: none;
} 

#language-switch li a {
  color: #585858;
  text-decoration: none;
}

#language-switch li.selected a {
  color: black;
  border-bottom: solid 2px #c7001a;
} 





/**
 * Tabs
 */

ul#tabs {
  margin: 0;
  padding: 0;
  margin-top: 32px;
} 
ul#tabs li {
  width: 157px;
  margin-right: 2px;
  padding-left: 8px;
  height: 27px;
  line-height: 27px;
  background: #de7272;
  list-style: none;
  float: left;
}
ul#tabs li:hover {
  background: #cd2626;
}

ul#tabs li.last {
  margin-right: 0;
} 
ul#tabs li a {
display: block;
  padding: 5px 1px;
  text-decoration: none;
  color: white;
  font: 16px 'Myriad Pro', 'Lucida Grande', Tahoma, Helvetica, sans-serif;
} 
ul#tabs li.selected {
  background: #cd2626;
} 
 * html ul#tabs li a {
width: 1%;
}





/**
 * Banner
 */

#banner {
  height: 274px;
  margin-top: 2px;
  border: solid 1px #b2b2b2;
  border-top: none;
  clear: left;
  background: transparent;
  padding-left: 455px;
  padding-top: 47px;
  font: 16px  Tahoma, Helvetica, sans-serif;
  position: relative;
} 

#banner h1 {
  margin: 0;
  letter-spacing: -0.03em; 
} 

#banner p.description {
  margin: 0;
  width: 450px;
} 



#bannerie8 {
	z-index:-1;
	  height: 321px;
	  margin-top: 2px;
	  border: solid 1px #b2b2b2;
	  border-top: none;
	  background: transparent;
	  padding-top: 0px;
	  font: 16px  Tahoma, Helvetica, sans-serif;
	  position: relative;
} 

#bannerie8 h1 {
  margin: 0;
  letter-spacing: -0.03em; 
} 

#bannerie8 p.description {
  margin: 0;
  width: 450px;
}




#bannerie7 {
z-index:-1;
  height: 321px;
  margin-top: 2px;
  border: solid 1px #b2b2b2;
  border-top: none;
  background: transparent;
  padding-top: 0px;
  font: 16px  Tahoma, Helvetica, sans-serif;
  position: relative;
} 

#bannerie7 h1 {
  margin: 0;
  letter-spacing: -0.03em; 
} 

#bannerie7 p.description {
  margin: 0;
  width: 450px;
}

#bannerie6 {
  height: 321px;
  margin-top: 2px;
  border: solid 1px #b2b2b2;
  border-top: none;
  background: transparent;
  padding-left: 455px;
  padding-top: 0px;
  font: 16px  Tahoma, Helvetica, sans-serif;
  position: relative;
top: -30px;
} 

#bannerie6 h1 {
  margin: 0;
  letter-spacing: -0.03em; 
} 

#bannerie6 p.description {
  margin: 0;
  width: 450px;
}




/**
 * Banner Annonceurs
 */

#bannerannonceurs {
  height: 321px;
  margin-top: 2px;
  border: solid 1px #b2b2b2;
  border-top: none;
  background: white url('/g/test-rouleaux.jpg') no-repeat left top;
  padding-left: 455px;
  padding-top: 0px;
  font: 16px  Tahoma, Helvetica, sans-serif;
  position: relative;
} 

#bannerannonceurs h1 {
  margin: 0;
  letter-spacing: -0.03em; 
} 

#bannerannonceurs p.description {
  margin: 0;
  width: 450px;
} 



/**
 * Banner Franchises
 */

#bannerfranchises {
  height: 274px;
  margin-top: 2px;
  border: solid 1px #b2b2b2;
  border-top: none;
  background: white url('/g/banner-franchises.jpg') no-repeat left top;
  padding-left: 455px;
  padding-top: 47px;
  font: 16px  Tahoma, Helvetica, sans-serif;
  position: relative;
} 

#bannerfranchises h1 {
  margin: 0;
  letter-spacing: -0.03em; 
} 

#bannerfranchises p.description {
  margin: 0;
  width: 450px;
} 



/**
 * Banner Societe
 */

#bannersociete {
height: 274px;
  margin-top: 2px;
  border: solid 1px #b2b2b2;
  border-top: none;
  background: white url('/g/banner-franchises2.jpg') no-repeat left top;
  padding-left: 455px;
  padding-top: 47px;
  font: 16px  Tahoma, Helvetica, sans-serif;
  position: relative;
} 

#bannersociete h1 {
  margin: 0;
  letter-spacing: -0.03em; 
} 

#bannersociete p.description {
  margin: 0;
  width: 450px;
}


/**
 * Banner Contact
 */

#bannercontact {
  height: 174px;
  margin-top: 2px;
  border: solid 1px #b2b2b2;
  border-top: none;
  background: white url('/g/banner-contact.jpg') no-repeat left top;
  padding-left: 455px;
  padding-top: 47px;
  font: 16px  Tahoma, Helvetica, sans-serif;
  position: relative;
} 

#bannercontact h1 {
  margin: 0;
  letter-spacing: -0.03em; 
} 

#bannercontact p.description {
  margin: 0;
  width: 450px;
}









/**
 * Mapbox
 */

#mapbox {
	z-index:10;
  width: 477px;
  height: 152px;
  padding: 14px 27px;
  background: transparent url('/g/mapbox.png') no-repeat left top;
  position: absolute;
  left: 450px;
  top: 168px;
  color: white;
  font-size: 13px;
  /* ie6 */
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/g/mapbox.png", sizingMethod='image');
  _background: none;
}
 

#mapbox h2 {
  font-size: 26px;
}
#mapbox h2, #mapbox p {
  margin: 0;
} 

#mapbox table {
  margin: 23px 0 0 35px;
} 
#mapbox table th {
  text-align: right;
} 

#mapbox table select {
  width: 130px;
} 






#mapboxtest {
   width: 477px; 
   height: 152px; 
/*   padding: 14px 27px; */
padding-left:20px;
padding-top:7px;
   background: transparent url('/g/mapbox.png') no-repeat left top; 
   position: absolute; 
   left: 450px; 
   top: 332px; 
   color: white; 
   font-size: 13px; 
  /* ie6 */
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/g/mapbox.png", sizingMethod='image');
  _background: none;
}
 

#mapboxtest h2 {
  font-size: 26px; 
}
#mapboxtest h2, #mapbox p {
  margin: 0; 
} 

#mapboxtest table {
  margin: 23px 0 0 35px; 
} 
#mapboxtest table th {
  text-align: right; 
} 








#mapboxtestfranchises {
   width: 477px; 
   height: 152px; 
/*   padding: 14px 27px; */
padding-left:20px;
padding-top:7px;
   background: transparent url('/g/mapbox.png') no-repeat left top; 
   position: absolute; 
   left: 450px; 
   top: 167px; 
   color: white; 
   font-size: 13px; 
  /* ie6 */
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/g/mapbox.png", sizingMethod='image');
  _background: none;
}
 

#mapboxtestfranchises h2 {
  font-size: 26px; 
}
#mapboxtestfranchises h2, #mapbox p {
  margin: 0; 
} 

#mapboxtestfranchises table {
  margin: 23px 0 0 35px; 
} 
#mapboxtestfranchises table th {
  text-align: right; 
}











#mapboxteststandalone {
   width: 477px; 
   height: 152px; 
/*   padding: 14px 27px; */
padding-left:20px;
padding-top:7px;
   background: transparent url('/g/mapbox.png') no-repeat left top; 
   color: white; 
   font-size: 13px; 
  /* ie6 */
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/g/mapbox.png", sizingMethod='image');
  _background: none;
}
 

#mapboxteststandalone h2 {
  font-size: 26px; 
}
#mapboxteststandalone h2, #mapbox p {
  margin: 0; 
} 

#mapboxteststandalone table {
  margin: 23px 0 0 35px; 
} 
#mapboxteststandalone table th {
  text-align: right; 
}










#mapboxstandalone {
	z-index:10;
  width: 477px;
  height: 152px;
  padding: 14px 27px;
  background: transparent url('/g/mapbox.png') no-repeat left top;
  color: white;
  font-size: 13px;
  /* ie6 */
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/g/mapbox.png", sizingMethod='image');
  _background: none;
} 

#mapboxstandalone h2 {
  font-size: 26px;
}
#mapboxstandalone h2, #mapboxstandalone p {
  margin: 0;
} 

#mapboxstandalone table {
  margin: 23px 0 0 35px;
} 
#mapboxstandalone table th {
  text-align: right;
} 

#mapboxstandalone table select {
  width: 130px
} 








/**
 * Edito
 */

#edito {
  margin-top: 30px;
  line-height: 20px;
  height: 200px;
} 

#edito img {
  float: left;
  margin-right: 20px;
  margin-bottom: 20px;
} 

/**
 * Footer
 */

#footer {
  margin-top: 50px;
  margin-bottom: 20px;
  clear: both;
  font-size: 11px;
  text-align: center;
  line-height: 16px;
} 

#footer,
#footer a {
  color: #4c4c4c;
    text-decoration: none;
}
#footer a:hover {
    text-decoration: underline;
}