@charset "utf-8";

* {
margin:0;
padding:0;
}
body {
	font-family:Helvetica, Arial, sans-serif;
	font-size: 10px;
	color: #000;
	background-color: #FFF;
	background-attachment: scroll;
	background-image: url(interface/fond.gif);
	background-repeat: repeat-x;
}
#conteneur {
	width: 1000px;
	margin-left: -500px;
	position: absolute;
	left: 50%;
	top: 0px;
	height: 820px;
	background-attachment: scroll;
	background-color: #FFF;
	background-image: url(interface/ombre.jpg);
	background-repeat: no-repeat;
}
#conteneur #tete {
	height: 200px;
	width: 945px;
	margin-right: 24px;
	margin-left: 26px;
	position: absolute;
	top: 0px;
	background-attachment: scroll;
	background-image: url(interface/tete.jpg);
	background-repeat: no-repeat;
	background-color: #AC2249;
	background-position: 100px;
}
#conteneur #activite  {
	position: absolute;
	height: 185px;
	width: 180px;
	right: 0px;
	font-family: Helvetica, Arial,  sans-serif;
	font-size: 26px;
	color: #FFF;
	padding-left: 20px;
	padding-top: 26px;
}
#conteneur #moteur {
	position: absolute;
	height: 40px;
	width: 200px;
	top: 219px;
	right: 24px;
}
#outid    {
	position: absolute;
	top: -12px;
	right: 0px;
}

#conteneur #moteur #SearchForm #txtKeywords {
	background-attachment: scroll;
	background-color: #FFF;
	background-image: url(interface/loupe.jpg);
	background-repeat: no-repeat;
	height: 11px;
	width: 150px;
	padding-left: 24px;
	border: 1px solid #CCC;
	padding-top: 3px;
	color: #999;
	font-size: 10px;
	background-position: 1px center;
	padding-bottom: 3px;
}
#conteneur #logo {
	position: absolute;
	left: 76px;
	top: 60px;
}
#identification  {
	position: absolute;
	top: 219px;
	width: 150px;
	left: 596px;
	height: 75px;
	text-align: right;
	color: #666;
	z-index: 13;
}
#idok     {
	float: right;
	padding-top: 5px;
}
.cadreActu #titre, .section #titre  {
	font-weight: bold;
	text-transform: uppercase;
	color: #ac2249;
}

.cadreActu #titreSuite, .section #titreSuite {
	text-align: left;
}



.champTexteDroit {
	font-size: 10px;
	color: #999;
	width: 144px;
	border: 1px solid #CCC;
	height: 11px;
	padding: 3px;
	margin-bottom: 3px;
	text-align: right;
}

#ok {
	float: right;
	vertical-align: middle;
	margin-right: 3px;
}

#conteneur #prochain {
	position: absolute;
	height: 352px;
	width: 170px;
	top: 257px;
	right: 22px;
	background-color: #AC2249;
	padding: 15px;
	color: #FFF;
	z-index: 101;
}
.evenementTitre {
	font-size: 16px;
	font-weight: bold;
}

#conteneur #separationCoul {
	background-color: #AC2249;
	position: absolute;
	height: 11px;
	width: 100px;
	top: 219px;
	left: 26px;
}
.lt {
	line-height: 26px;
}
.gt {
	line-height: 14px;
}
#conteneur #texteLateral {
	position: absolute;
	top: 230px;
	width: 100px;
	left: 26px;
	text-align: right;
}
#conteneur #contact {
	position: absolute;
	width: 100px;
	left: 26px;
	top: 548px;
	text-align: right;
	font-size: 12px;
	color: #666;
	line-height: 17px;
}
.ecart01 {
	letter-spacing: 0.1em;
}
#conteneur #home {
	position: absolute;
	height: 11px;
	width: 50px;
	left: 126px;
	top: 219px;
	text-align: center;
}
#conteneur #liens {
	position: absolute;
	height: 11px;
	width: 600px;
	left: 176px;
	top: 216px;
	text-align: left;
	color: #CCC;
	font-size: 14px;
}
#conteneur #traitHaut {
	background-color: #bfbfbf;
	position: absolute;
	height: 1px;
	width: 570px;
	left: 176px;
	top: 295px;
}




#conteneur #traitBas {
	background-color: #bfbfbf;
	position: absolute;
	height: 1px;
	width: 570px;
	left: 176px;
	top: 640px;
}
#contactLogo {
	margin-top: 5px;
}
#xiti {
	margin-top:5px;
}
#conteneur #footer {
	position: absolute;
	width: 570px;
	left: 176px;
	top: 650px;
	text-align: center;
	color: #999;
}
a.footer:link{
	color: #999;
	text-decoration: none;
}

a.footer:visited {
	color: #999;
	text-decoration: none;
}

a.footer:hover{
	color: #666;
	text-decoration: none;
}

a.lien333:link{
	color: #333;
	text-decoration: none;
}

a.lien333:visited {
	color: #333;
	text-decoration: none;
}

a.lien333:hover{
	color: #999;
	text-decoration: none;
}

#conteneur #liensSec {
	position: absolute;
	width: 200px;
	top: 650px;
	right: 24px;
	color: #999;
}
#conteneur #actualiteTitre {
	position: absolute;
	left: 176px;
	top: 262px;
	font-size: 23px;
	color: #ac2249;
	width: 592px;
}
#conteneur #actualiteTitrePetit {
	position: absolute;
	left: 176px;
	top: 258px;
	font-size: 14px;
	color: #ac2249;
	width: 592px;
}


.evenementSousTitre {
	font-size: 11px;
	font-weight: bold;
	padding-top: 20px;
	padding-bottom: 3px;
}

.evenementTexte {
	font-size: 10px;

}
#conteneur #auteurProverbe {
	font-size: 13px;
	color: #000;
	width: 300px;
	position: absolute;
	top: 181px;
	right: 500px;
	text-align: right;
	font-style: italic;
	z-index: 20;
}
#conteneur #guillemet2 {
	position: absolute;
	top: 143px;
	left: 490px;
	height: 57px;
	width: 72px;
	background-attachment: scroll;
	background-image: url(interface/Guillemet2.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	z-index: 19;
}
#conteneur #guillemet1 {
	position: absolute;
	top: 100px;
	background-attachment: scroll;
	background-image: url(interface/Guillemet1.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 40px;
	width: 47px;
	left: 220px;
	z-index: 18;
}
#conteneur #citation {
	position: absolute;
	height: 50px;
	top: 120px;
	font-size: 18px;
	font-weight: bold;
	color: #000;
	left: 220px;
	text-indent: 45px;
	line-height: 24px;
	z-index: 17;
	
}
#conteneur #ActualiteIn {	position: absolute;	top: 315px;	left: 176px;	font-size: 15px;	font-weight: bold;	color: #000;}
#conteneur #colGAgence {
	position: absolute;
	height: 289px;
	width: 570px;
	top: 340px;
	left: 176px;
}
#conteneur #colG {
	position: absolute;
	height: 330px;
	width: 320px;
	top: 310px;
	left: 176px;
}
.rouge {
	color: #AC2249;
}

#conteneur #colDAgence {
	position: absolute;
	left: 516px;
	top: 340px;
	height: 289px;
	width: 230px;
}
#conteneur #colD{
	position: absolute;
	left: 496px;
	top: 324px;
	height: 314px;
	width: 250px;
}
.gris333-13 {
	color: #333;
	font-size: 13px;
}
.gris666 {
	color: #666;
}

.gris999-15 {
	color: #999;
	font-size: 15px;
}
.bordureCCC {
	border: 1px solid #CCC;
}
#conteneur #tete2 {
	height: 200px;
	width: 950px;
	margin-right: 24px;
	margin-left: 26px;
	position: absolute;
	top: 0px;
	background-attachment: scroll;
	background-image: url(interface/teteAgence.jpg);
	background-repeat: no-repeat;
	background-color: #AC2249;
	background-position: right;
}
#conteneur #tete3 {
	height: 200px;
	width: 950px;
	margin-right: 24px;
	margin-left: 26px;
	position: absolute;
	top: 0px;
	background-attachment: scroll;
	background-image: url(interface/teteTheme.jpg);
	background-repeat: no-repeat;
	background-color: #AC2249;
	background-position: right;
}
#conteneur #traitHautMarques {
	background-color: #bfbfbf;
	position: absolute;
	height: 1px;
	width: 566px;
	left: 176px;
	top: 330px;
}
#conteneur #liensAgence {
	position: absolute;
	width: 300px;
	left: 193px;
	top: 245px;
}
#agenceMarques {
	position:absolute;
	left:176px;
	top:340px;
	width:573px;
	height:289px;
	overflow: hidden;

}
#result{
	position:absolute;
	left:176px;
	top:315px;
	width:573px;
	height:315px;
	overflow: hidden;

}
a.cadreMarque:link {
	float: left;
	height: 65px;
	width: 106px;
	margin-top: 0px;
	margin-right: 6px;
	margin-bottom: 7px;
	margin-left: 0px;
	border: 1px solid #CCC;
	overflow: hidden;
}
a.cadreMarque:visited {
	float: left;
	height: 65px;
	width: 106px;
	margin-top: 0px;
	margin-right: 6px;
	margin-bottom: 7px;
	margin-left: 0px;
	border: 1px solid #CCC;
	overflow: hidden;
}
a.cadreMarque:hover {
	float: left;
	height: 65px;
	width: 106px;
	margin-top: 0px;
	margin-right: 6px;
	margin-bottom: 7px;
	margin-left: 0px;
	border: 1px solid #666;
	overflow: hidden;
}

a.cadreImage:link {
	float: left;
	height: 89px;
	width: 89px;
	margin-top: 0px;
	margin-right: 3px;
	margin-bottom: 4px;
	margin-left: 0px;
	border: 1px solid #CCC;
}
a.cadreImage:visited {
	float: left;
	height: 89px;
	width: 89px;
	margin-top: 0px;
	margin-right: 3px;
	margin-bottom: 4px;
	margin-left: 0px;
	border: 1px solid #CCC;
}
a.cadreImage:hover {
	float: left;
	height: 89px;
	width: 89px;
	margin-top: 0px;
	margin-right: 3px;
	margin-bottom: 4px;
	margin-left: 0px;
	border: 1px solid #666;
}
#conteneur #traitBasaGENCE {
	background-color: #bfbfbf;
	position: absolute;
	height: 1px;
	width: 566px;
	left: 176px;
	top: 640px;
}
.evenementSousTitre15 {
	font-size: 15px;
	font-weight: bold;
	padding-top: 20px;
	padding-bottom: 3px;
}
.evenementSousTitre14 {
	font-size: 12px;
	font-weight: bold;
	padding-top: 20px;
	padding-bottom: 3px;
}
#recupMarque {
	position: absolute;
	top: 47px;
	width: 170px;
}
div#scrollbar {
    display:none; 
    }
.hauteur8px {
	height: 5px;
	font-size: 5px;
}
.evenementSousTitre15NotBold {
	font-size: 15px;
	font-weight: normal;
	padding-top: 20px;
	padding-bottom: 3px;
}
.gris333-15 {
	color: #333;
	font-size: 15px;
}
#conteneur #col1 {
	position: absolute;
	height: 340px;
	width: 200px;
	left: 176px;
	top: 300px;
}
#conteneur #col2 {
	position: absolute;
	width: 175px;
	left: 376px;
	top: 300px;
	height: 340px;
}
#conteneur #traitV {
	background-color: #999;
	position: absolute;
	height: 281px;
	width: 1px;
	left: 564px;
	top: 345px;
}

#conteneur #col3 {
	position: absolute;
	height: 340px;
	left: 578px;
	top: 300px;
	width: 170px;

}
.evenementSousTitre13Ital {
	font-size: 13px;
	font-weight: normal;
	padding-top: 20px;
	padding-bottom: 3px;
	font-style: italic;
}
#univers ul
{
  list-style-type: none;
  padding: 0;
  margin: 0;
}

#univers ul li a:link {
	color: #999;
	text-decoration: none;
	background-image: url(interface/puceGrise10.png);
	background-repeat: no-repeat;
	background-position: 0  0.4em;
	padding-left: 1em;
	font-size:12px;
	
	
}
#univers ul li a:visited {
	color: #999;
	text-decoration: none;
	background-image: url(interface/puceGrise10.png);
	background-repeat: no-repeat;
	background-position: 0  0.4em;
	padding-left: 1em;
	font-size:12px;
	
}
#univers ul li a:hover { 
	color: #000;
	text-decoration: none;
	background-image: url(interface/puceRose10.png);
	background-repeat: no-repeat;
	background-position: 0  0.4em;
	padding-left: 1em;
	font-size:12px;
	
}








#univers ul li.hop {
	color: #000;
	text-decoration: none;
	background-image: url(interface/puceRose10.png);
	background-repeat: no-repeat;
	background-position: 0  0.4em;
	padding-left: 1em;
	font-size:12px;
	
}




#col2 ul
{
  list-style-type: none;
  padding: 0;
  margin: 0;
}


	

#col2 ul li a:link {
	color: #666;
	text-decoration: none;
	background-image: url(interface/puceRose16.png);
	background-repeat: no-repeat;
	background-position: 0 50%;
	font-size: 11px;
	background-color:  #ccc;
	width: 150px;
	display: block;
	margin-bottom: 4px;
	padding-left:2em;
	clip: rect(auto,auto,auto,auto);
	left: 1em;
}

#col2 ul li a:visited {
	color: #666;
	text-decoration: none;
	background-image: url(interface/puceRose16.png);
	background-repeat: no-repeat;
	background-position: 0 50%;
	font-size: 11px;
	background-color:  #ccc;
	width: 150px;
	display: block;
	margin-bottom: 4px;
	padding-left:2em;
	clip: rect(auto,auto,auto,auto);
	left: 1em;
}

#col2 ul li a:hover {
	color: #FFF;
	text-decoration: none;
	background-image: url(interface/puceGrise16.png);
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding-left: 2em;
	font-size: 11px;
	width: 150px;
	background-color: #ac2249;
	display: block;
		margin-bottom: 4px;
}

#col2 ul li.hop2 {
	color: #FFF;
	text-decoration: none;
	background-image: url(interface/puceGrise16.png);
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding-left: 2em;
	font-size: 11px;
	width: 150px;
	background-color: #ac2249;
	display: block;
		margin-bottom: 4px;
}


#col4 ul li.hop {
	color: #fff;
	text-decoration: none;
	background-image: url(interface/puceRose4.png);
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding-left: 1em;
	font-size:11px;
	
}
#col4 {
	position: absolute;
	top: 47px;
	width: 160px;
	padding-right: 5px;
	padding-left: 5px;
}
a.blanc:link {
	color: #FFF;
	text-decoration: none;
}
a.blanc:visited {
	color: #FFF;
	text-decoration: none;
}
a.blanc:hover {
	color: #FFF;
	text-decoration: none;
}#conteneur #col160 {
	position: absolute;
	height: 330px;
	left: 578px;
	top: 310px;
	width: 160px;
	padding-right: 5px;
	padding-left: 5px;
}
#conteneur #actualiteTitrePetit #TitreDP {
	color: #666;
	font-weight: bold;
}
#dp {
	position: absolute;
	height: 335px;
	width: 375px;
	left: 176px;
	top: 300px;
	overflow: hidden;
	text-align: justify;
}

#dpimg {
	position: absolute;
	height: 281px;
	width: 376px;
	left: 173px;
	top: 354px;
	overflow: hidden;
	text-align: justify;
}
#conteneur #prochainGris {
	position: absolute;
	height: 352px;
	width: 170px;
	top: 258px;
	right: 24px;
	background-color: #898989;
	padding: 15px;
	color: #FFF;
}
#conteneur #actualiteTitrePetitBas {
	position: absolute;
	left: 176px;
	top: 300px;
	font-size: 14px;
	color: #ac2249;
	width: 592px;
}
#texteImg {
	position:absolute;
	left:176px;
	top:310px;
	width:376px;
	z-index:1;
	color: #666;
}
#texteMarque {
	position:absolute;
	left:176px;
	top:257px;
	width:576px;
	height:62px;
	z-index:1;
	color: #333;
}
#conteneur #avantAAA {
	position: absolute;
	left: 596px;
	top: 269px;
	z-index: 100;
}
#frame200 {
	font-family: Verdana, Geneva, sans-serif;
	height: 170px;
	width: 180px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
#tete  {
	font-weight: bold;
	color: #FFF;
	background-color: #ac2249;
	height: 16px;
	width: 195px;
	font-size: 12px;
	top: 4px;
	padding-left: 5px;
}
#CLOSE   {
	position: absolute;
	height: 18px;
	left: 183px;
	top:0px;
}
#frame250 {
	font-family: Verdana, Geneva, sans-serif;
	height: 220px;
	width: 230px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
#tete250  {
	font-weight: bold;
	color: #FFF;
	background-color: #ac2249;
	height: 16px;
	width: 245px;
	font-size: 12px;
	top: 4px;
	padding-left: 5px;
}
#CLOSE250   {
	position: absolute;
	height: 18px;
	left: 233px;
	top: 0px;
}
.champTexteGauche {
	font-size: 10px;
	color: #999;
	width: 144px;
	border: 1px solid #CCC;
	height: 11px;
	padding: 3px;
	margin-bottom: 3px;
	text-align: left;
}
.cadreActu{
	float: left;
	height: 129px;
	width: 265px;
	margin-top: 0px;
	margin-right: 15px;
	margin-bottom: 15px;
	margin-left: 0px;
	border: 1px solid #CCC;
	overflow: hidden;
	padding: 2px;
}

a.grisEx:link {
	color: #999;
	text-decoration: none;
}

a.grisEx:visited {
	color: #999;
	text-decoration: none;
}
a.grisEx:hover {
	color: #999;
	text-decoration: none;
}
#conteneur #modal {
	position: absolute;
	top: 800px;
	color: #999;
	font-size: 9px;
	width: 950px;
	margin-right: 24px;
	margin-left: 26px;
}
.evenementSousTitre14bis {
	color: #333;
	position: absolute;
	left: 1px;
	top: 1px;
}
.plus2 {
	font-size: 14px;
}
#lecteurVideo {
	height:100px;
	width:100px;
	background-color: #000;
	position: absolute;
	left: 50%;
	top: 50%;
	visibility: HIDDEN;
	z-index: 1000;
}