* {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
}

body {
	margin: 0;
	padding: 0;
	background-color: #000;
}
h1,h2,h3,h4{
margin:0;
padding:0;

}

a img{
border:none;

}

a{
text-decoration:none;
color:#000;
font-size:inherit;

}

/* 
	div principaux de structure de la page
*/
#mainContainer {
	width: 100%;
	margin: auto;
}

#modalBg, .modalBg{
position:fixed;
width:100%;
height:100%;
background-color:black;
z-index:998;

}

.modalBg{
position:absolute;
}

.ajaxLoader{

	position:relative;
	z-index:999;
	background:url(../images/assets/ajax-loader.gif) no-repeat left 50%;
	padding-left:20px;
	width:100px;
	margin:auto;

}

.ajaxLoader.streetLook{
	
	margin-top:80px;
	color:white;
	
	}

#modalWin{

background-color:white;
position:fixed;
top:0;
width:750px;
height:480px;
margin:auto;
z-index:999;

}

#closeModal{
float:right;
margin:5px;
margin-right:10px;
font-size:16px;
font-weight:bold;
cursor:pointer;
}

/* header
*/
#mainHeaderDiv {
	background: url(../images/assets/bgTop.png);
	margin-bottom: 0px;
}

/* hack ie7 */
*+html #mainHeaderDiv {
	margin-bottom: -5px;
}

#mainHeaderDiv.homeHeader {
	
}

#headerDiv, #filAriane {
	width: 932px;
	margin: auto;
}

#headerDiv {
	padding: 3px 9px;
}

#logoHeader img {
	border: none
}

.rightDivTop {
	float: right;
}

#playerDiv {
	margin-right: 9px;

	padding:0;
	background: url(../images/player/bgPlayer.png) no-repeat top left;
	width: 251px;
	height: 27px;
	padding: 9px;
	color: #008e11;
	font-size: 10px;
	float:left;
	margin-right:9px;
padding-bottom:2px;
padding-left:0;
padding-right:0;
padding-top:2px;

}

#playerDiv:hover {
	background: url(../images/player/bgPlayer_on.png) no-repeat top left;
	

}

#playerDiv a{
	background:url(../images/assets/flechePlayer.png) 13px 0 no-repeat;
	color: #FFFFFF;
	font-size: 11px;
	height:27px;
	padding-top:4px;
	padding-left:45px;
	display:block;
	text-align:left;
	
}

#playerDiv:hover a{
	background:url(../images/assets/flechePlayer_on.png) 13px 0 no-repeat;
	
}



#jflanguageselection {
	float: left;

}




ul.jflanguageselection{
list-style:none;
padding:0;
margin:0;
display:inline;
}



ul.jflanguageselection li a {
	display: block;
	text-align: center;
	color: #7f7f7f;
	font-size: 11px;
	text-decoration: none;
	font-weight: bold;
	height: 100%;
	padding-top: 7px;
	background-image: none;
	width: 25px;
	height: 27px;
}

ul.jflanguageselection li{
	float:left;
}

ul.jflanguageselection li a:hover {
	color: white;
}

#active_language a,#active_language a:hover {
	background: url(../images/assets/langSelected.png) top center no-repeat;
	color: white;
}


.langDiv {
	float: left;
	width: 25px;
	height: 27px;
}

.langDiv a {
	display: block;
	text-align: center;
	color: #7f7f7f;
	font-size: 11px;
	text-decoration: none;
	font-weight: bold;
	height: 100%;
	padding-top: 7px;
	background-image: none;
}

.langDiv a:hover {
	color: white;
}

.langDiv a.selected,.langDiv a.selected:hover {
	background: url(../images/assets/langSelected.png) top center no-repeat;
	color: white;
}

/* Top Menu*/
#mainMenu {
	list-style: none;
	display: inline;
	margin: 0;
	padding: 0;
}

#mainMenu li {
	float: left;
	margin-left: 5px;
	font-size: 15px;
	font-weight: bold;
	padding-right: 25px;
	background: url(../inc/bgMenuTop.php);
	background-position: 0px -500px;
	background-repeat: no-repeat;
	padding-top: 3px;
}

#mainMenu a {
	text-decoration: none;
}

#mainMenu li h2{
font-size:15px;
}

#mainMenu li:hover,#mainMenu li.active {
	background: url(../inc/bgMenuTop.php) no-repeat 0px 0px;
}

/* newsletter*/
#newsletterFormDiv {
	float: left;
	font-size: 10px;
	font-weight: bold;
	color: #b4b4b4;
	margin-right: 5px;
}

/* hack ie7 */
*+html #newsletterFormDiv {
	width: 250px;
}

.newsNote{
color:#666666;
padding-right:8px;
font-size:10px;

}

#newsletterDiv {
	margin-top: -8px;
}

#newsletterForm {
	float: right;
}

#newsletterForm label{
font-size:10px;
}

#newsletterMail {
	background-color: #4c4c4d;
	border: none;
	color: #000;
	margin-left: 3px;
	font-size: 10px;
	font-weight: bold;
	padding: 2px;
}
#newsletterMail.focusInput{
	background-color:#FFF;

}

#submitNewsletter,#submitNewsletter[disabled], #submitNewsletter[disabled]:hover {
	border: none;
	background-color: transparent;
	color: #b4b4b4;
	font-size: 11px;
	font-weight: bold;
	cursor: pointer;
}

#submitNewsletter[disabled], #submitNewsletter[disabled]:hover{

cursor:default;
}

#submitNewsletter:hover {
	color: #FFF;
}

/* partage FB et twitter */
#shareToolsDiv {
	float: left;
	color: white;
	
}

#shareToolsDiv a {
	border: none;
	display:block;
	width:22px;
	height:22px;
	margin-right:3px;
	float:left;
	overflow:hidden;
}

#twitterTop{
background:url(../images/assets/twitterTopOff.png) no-repeat;

}
#twitterTop:hover{
background:url(../images/assets/twitterTopOn.png) no-repeat;
}
#citadiumFB{
	background:url(../images/assets/fbTopOn.png) no-repeat;
}
#citadiumFB:hover{
	background:url(../images/assets/fbTopOff.png) no-repeat;
}
#fsquareTop{
background:url(../images/assets/foursquareTopOff.png) no-repeat;
}

#fsquareTop:hover{
background:url(../images/assets/foursquareTopOn.png) no-repeat;
}

#mySpaceTop{
background:url(../images/assets/mySpaceTopOff.png) no-repeat;
}

#mySpaceTop:hover{
background:url(../images/assets/mySpaceTopOn.png) no-repeat;
}

/* bandeau news flash Home */
.bandeauFlashHomeDiv {
	width: 1255px;
	margin: auto;
	overflow: hidden;
	height:300px;
}

.bandeauFlashHomeDiv.marques{
height:45px; width:931px;margin:auto;
}

/* contenu */
#contentContainerDiv {
	width: 100%;
	margin: auto;
	background-color: white;
	overflow: hidden
}

#contentDiv {
	width: 950px;
	margin: auto;
	padding: 25px
}

/* Home */
#blocHomeRight,#blocHomeLeft {
	float: left;
	width: 455px;
}

#blocHomeLeft {
	margin-right: 10px
}

#blocHomeRight {
	margin-left: 10px
}

.blocHome {
	width: 454px;
	margin: 0px 10px 30px 10px;
}

/*.blocHome a:hover,*/
 .blocArticle a:hover{
color:#666;

}

.blocHome.bgFb {
	background: url(../images/assets/bgBlocGris.png) no-repeat;
	height: 285px;
}

.blocHome.bgShop {
	background: url(../images/assets/bgHomeShop.png) no-repeat #000000;
	height: auto;
	padding-bottom:10px;
}

.shopAlert{
width: 95%;
margin:-10px auto 5px;
text-align: left;
color: black;
font-size:11px;
font-weight:bold;

}

.blocHome.filet {
	border-top:3px solid black;

}


.blocHome.filet.filetHome:hover {
	border-top:3px solid black;

}



/* bloc shops */
.shopTab {
	width: 207px;
	float: left;
	background-color: white;
	padding:10px;
	font-size:14px;
	font-weight:bold;
	cursor:pointer;
	height:11px;
	color:#343434;
	margin-bottom:8px;
}

.shopTab:hover{
	color:black;
}

.shopTab.active, .shopTab.active:hover{background:transparent; color:#008e11; cursor:default;}

.shopAddressDiv, .shopMapDiv{
	background-color:#fff;
	
	width:435px;
	margin:auto;

	border-bottom:3px solid #2c2c2c;
	

}





.shopMapDiv{
	height:185px;
	border:none;
	width:435px;
	margin:auto;
	padding:0;
}

.zoomMaps{
left:409px;
position:absolute;
z-index:999;
}

div.shopDetailContent{
	
	float:left;
	margin:10px;
	width:123px;
	font-weight:bold;
	color:#7f7f7f;
	font-size:11px;
	
}
div.shopDetailContent.time{width:265px; font-size:11px}

div.shopTimeDiv{float:left; margin-right:18px; font-size:11px;}

.shopTitle{color:#000; margin-bottom:5px; font-size:11px;}

/*
Sondage
*/

#sondageForm{
margin-top:10px;

}

#sondageForm label{
font-size:14px;
font-weight:bold;
}

#sondageSubmit{
	margin-top:5px;
	border:none;
	border-top:2px black solid;
	background-color:#ffd800;
	font-size:12px;
	font-weight:bold;
	cursor:pointer;
}

#sondageSubmit[disabled]{
	color:black;
	cursor:default;

}


.blocHome .responseDiv{
	

	margin:0 6px;
	padding:15px 0;
	color:#ffd800;
	font-size:14px;	
	font-weight:bold;

}

.blocHome .numResults{
	color:#4d4d4d;
	font-size:12px;
	margin:6px;

}

.blocHome .responseTitle{
	
	float:left;
	width:400px;
	color:#000;
	font-size:14px;	

}

.blocHome .percentageEmptyBar{
	position:relative;
	height:2px;
	width:450px;
	background:#4d4d4d;
}

.blocHome .percentageBar{
	position:absolute;
	top:0;
	left:0;
	height:2px;
	width:450px;
	background:#ffd800;
	
	}

.blocHome .percentageText{
	float:right;
	color:#000;
	font-size:14px;
	margin-left:5px;
	}

/*
btn fb et twitt
*/

.shareDiv{
margin-top:10px;

}

.shareBtn{
float:right;
}

a.fbAdd,a.twitterAdd{
	
	display:block;
	width:16px;
	height:16px;
	float:left;
	margin-right:5px;
	background:url(../images/assets/fbAddOff.png) no-repeat;

}

a.fbAdd:hover{
	background:url(../images/assets/fbAdd.png) no-repeat;

}

a.twitterAdd{
background:url(../images/assets/twitterAddOff.png) no-repeat;

}

a.twitterAdd:hover{
background:url(../images/assets/twitterAdd.png) no-repeat;

}
input.send2Friend{
	border:none;
	background-color:#404040;
	color:white;
	font-size:11px;
	font-weight:bold;
	cursor:pointer;

}

/* agenda */

.agendaItem{
border-bottom:1px #cccccc solid;
margin:10px 0;
padding-bottom:10px;


}

.agendaItem:hover .agendaHeader, .agendaItem:hover .agendaHeader a{
background-color:#000;
color:#FFF;

}

h3.titreAgenda{
font-size:16px;
font-weight:bold;
color:#ff00b4;
background:url(../images/assets/cocheRose.png) no-repeat 100% 50%;
padding-right:15px;
display:inline;

}

h3.titreAgenda a, h3.titreAgenda a:hover{
font-size:16px;
font-weight:bold;
color:#ff00b4;
}


.agendaItem p{
	margin:0;

}



.agendaImg{
float:left;
margin-right:5px;

}

.agendaHeader{
float:left;
width:380px;
}

/*

street look
*/


.pHome{
	margin:0;

}
.streetLookHeader  a{
	color:#FFF;
	font-size:12px;
}

.streetLookHeader h3 a{
	
	font-size:14px;
	color:#FFF;
}


.streetLookPhoto{
	float:left;
width:50%;
height:240px;
overflow:hidden;
position:relative;

}
.streetLookPhoto a img{
border:none;

}
/* hack ie7 */
*+html .streetLookPhoto a img{

z-index:1;
position:absolute;

}

.streeLookName{
position:absolute;
top:213px;
background-color:#ffd800;
width:auto;
height:19px;
color:#000;
font-size:14px;
font-weight:bold;
text-align:right;
padding-right:4px;
z-index:10;
padding-left:10px;
}

.voteDiv{
	position:absolute;bottom:4px; right:4px;font-size:11px; padding:3px; background:#000;color:white; z-index:99;
	display:none;
}
.streetLookPhotoDetail:hover .voteDiv{
	display:block;
}

/* hack ie7 */
*+html .streeLookName a{
	color:#000;

}

/* actus */

h3.home{
font-size:14px;
font-weight:bold;

}

/* hack ie7 */
*+html h3.home a{
	color:#000;
	font-size:14px;

}

h3.home a:hover{
color:#343434;

}

/* footer */
#footerDiv{
width:100%;

}

.greenSplitter{
width: 100%;
height:2px;
background-color:#008e11;
margin-top:8px;

margin-bottom:20px;
}

#footerContent, #bottomContent{
width:940px;
margin:auto;


}

#footerContent{
margin-bottom:45px;

}

#bottomContent{
padding-top:4px;

}

#bottomContent a{
	font-size:11px;
	font-weight:bold;
	color:#000000;

}

#bottomContent a:hover{
	color:#FFF;

}

.footerBaseline{
margin-top:20px;
color:#FFF;
font-size:13px;
margin-bottom:49px;

}

.siteMapDiv{
float:left;
width:155px;
border-left:1px solid #333333;
padding-left:4px;
height:85px;
}



ul.ulSiteMap{
list-style:none;
margin:0;
padding:0;
margin-top:10px;

}
ul.ulSiteMap li{
height:13px;
}

ul.ulSiteMap li a{
color:#666666;
font-size:11px;
font-weight:bold;

}

ul.ulSiteMap li a:hover{
color:#FFF;

}

.footerAddress{
float:left;
width:50%;
margin-top:40px;
font-size:11px;
color:#666666;

}

.footerShopName{
	
	font-weight:bold;
	color:#a7a7a7;
	margin-bottom:4px;
}


.footerOpeningHours{
width:115px;
float:left;
font-size:11px;
margin-top:8px;

}


#bottomBar{
	height:24px;
	width: 100%;
	background:url(../images/assets/bgFooter.png);
}

.copyrightBottom{
color:#003907;
font-size:11px;

}

/* filets */
.filetHome{
	width:152px; 
	height:6px;
	background-color:#000; 
}

.blocHome.filet:hover .filetHome{
	background-color:#000;

}

.blocHomeHeader{
	padding:2px;
	color:#000;	

}

.blocHome.filet:hover .blocHomeHeader, .blocHome.filet:hover .blocHomeHeader a{
	background-color:#000;
	color:#FFF;

}


.filetHome.actus{
background-color:#ff00b4;
}

.blocHome.filet:hover h2.actus {
	background-color:#ff00b4;
}
	

.filetHome.marques{
	background-color:#00d2ff;
	}
	
.blocHome.filet:hover h2.marques{
	background-color:#00d2ff;
}


.filetHome.cita, .blocHome.filet.noRoll:hover .filetHome.cita{
background-color:#ffd800;

}

.blocHome.filet:hover h2.cita{
	background-color:#ffd800;

}

/*
filAriane
*/

#filAriane {
	margin-top:6px;
	color:#7f7f7f;
		

}
#filAriane a{
	color:#7f7f7f;
}
#filAriane a:hover{
	text-decoration:underline;
}

/*
Articles
*/


.divArticleGauche, .divArticleDroit{
width:610px;
float:left;


}


.blocArticle, .blocArticleDetail{
width:100%;
border-top:3px solid black;
position:relative;
margin-bottom:40px;

}

.blocArticleDetail{
border-bottom:2px solid black;

}

.blocArticle h2, .blocArticleDetail h2{
	margin-top:7px;
	margin-bottom:15px;
	
}

.blocArticleDetail h3{
margin-top:29px;
font-size:15px;
font-weight:bold;
}

.blocArticle p{
	margin:0;
	float:left;
	width:387px;
	
}

.blocArticle.menuBot p{
margin:5px 0;
	float:none;
	width:100%;
	
}


.divPastilleActu{
	position:absolute;
	top:-16px;
	left:528px;
	width:70px;
	height:70px;
	

}


.filetArticle{
	width:250px; 
	height:18px; 
	background-color:#ff00b4;
	font-size:18px;
	color:white;
	font-weight:bold;
	padding-top:3px;
	padding-left:3px;
	padding-bottom:1px;
}

.filetArticle.contact{
background-color:#008e11;
height:6px;
width:151px;
}

.imgMiniArticle{
float:left;
width:200px;
height:auto;
overflow:hidden;
margin:0;
margin-right:10px;
}


.divArticleDroit{
margin-left:21px;
width:300px;

}




.divTitle{
position:relative;
width:300px;
height:74px;
background:url(../images/assets/bgTitre.png) no-repeat #000;
margin-bottom:10px;
}

.divTitle.actus{
background-color:#ff00b4;

}


.divTitle.shop{
background-color:#008e11;

}

.divTitle.cita{
background-color:#ffd800;
height:120px;
margin-bottom:25px;

}

.divTitle.contact{
background-color:#008e11;
}

.blocCat{
width:300px;
background:url(../images/assets/articles/bgBlocCat.png) no-repeat #000;
height:auto;
margin-bottom:20px;

}

.blocCat ul.catList, .blocCat ul.archiveList{margin:0;
list-style:none;
padding:0;
margin-top:13px;
}
.blocCat h2.h2FiletArticle{

	border-bottom:1px solid white;
	padding-bottom:14px;

}

.blocCat ul.catList li a{
display:block;
border-top:1px solid white;
padding:15px 0 15px 13px;
color:#ff00b4;
font-size:14px;
font-weight:bold;

}

.blocCat ul.catList li a:hover, .blocCat ul.archiveList li a:hover{
color:#c10389
      }
      
 .blocCat ul.archiveList{
 float:left;
 width:50%;
 
 }
 
 .divArticleDroit.cita .blocCat{
 margin-bottom:30px;
 padding-bottom:5px;
 }
 
  .blocCat ul.archiveList li a{
  font-size:11px;
  display:block;
  font-weight:bold;
  padding:5px 0 5px 13px;
  color:#ff00b4;
  }

#blocArchive{
	margin-bottom:10px;

}

#blocArchive a.allArchiveLink{
color:white;
font-size:11px;
font-weight:bold;
margin:2px 0 15px 13px ;
padding:12px;
background:url(../images/assets/articles/plusAllArchives.png) no-repeat center left;
display:block;
}

/*
search form
*/


#searchArticleForm{
width:288px;

padding:6px;
background-color:black;
}

.blackInput, .blackInput.focusInput{
	font-size:18px;
	border:none;
	width:230px;
	height:25px;
	color:white;
	background-color:black;
	float:left;
	
}
#submitSearch, #submitNews{
	width:35px;
	height:29px;
	color:black;
	background-color:#d90099;
	font-size:20px;
	border:none;
	float:right;
}

/*
	blocRSS
*/

.blocRSS{
width:300px;
background:url(../images/assets/articles/bgRSS.png) no-repeat #ff00b4;
height:auto;
margin-top:20px;
margin-bottom:40px;
}

.blocRSS h2{
padding:9px 0 9px 8px;
border-bottom:1px solid white;
font-size:18px;
color:white;

}

.blocRSS ul.rssUl{
list-style:none;
margin:0;
padding:10px 0;
padding-left:13px;

}

.blocRSS ul.rssUl li a{
display:block;
font-size:12px;
font-weight:bold;
padding:3px 0;
padding-left:20px;
	
}

.blocRSS ul.rssUl li a.twitter{
	background:url(../images/assets/articles/iconeRSSTwitter.png) no-repeat left center;
	}

.blocRSS ul.rssUl li a.facebook{
	background:url(../images/assets/articles/iconeRSSFB.png) no-repeat left center;
	}
	
	.blocRSS ul.rssUl li a.rss{
	background:url(../images/assets/articles/iconeRSS.png) no-repeat left center;
	}
	
/*
Pagination
*/

#paginationArticle{
width:210px;
margin:auto;
text-align:center;
margin-bottom:40px;
}

#paginationArticle a{
display:block;
float:left;
font-size:18px;
width:19px;
height:19px;
margin-right:15px;
padding-bottom:4px;
margin-top:9px;
text-align:center;

}

#paginationArticle a img{
	border:none;
}

#paginationArticle a.last, #paginationArticle a.prevArrow, #paginationArticle a.nextArrow{
margin-right:2px;

}

#paginationArticle a.prevArrow, #paginationArticle a.nextArrow{
	height:37px;
	width:20px;
	margin-top:0;
	}

#paginationArticle a.prevArrow:hover, #paginationArticle a.nextArrow:hover, #paginationArticle.streetLook a.prevArrow:hover, #paginationArticle.streetLook a.nextArrow:hover{
	background-color:transparent;
}

.paginationSpacer{
float:left;
font-size:18px;
margin-right:15px;
margin-top:10px;
}

#paginationArticle a:hover, #paginationArticle a.current{
background-color:#ff00b4;
}

/* navigation */

#navArticle{
margin-top:45px;
margin-bottom:100px;

}
#navArticle a:hover{

	color:#666;
}

a#navLeft{
display:block;
float:left;
width:240px;
padding-left:21px;
background:url(../images/assets/articles/prevPage.png) no-repeat left;
font-size:16px;
}
a#navRight{
	float:right;
display:block;
width:240px;
padding-right:21px;
text-align:right;
background:url(../images/assets/articles/nextPage.png) no-repeat right;
font-size:16px;
}


/* miniatures */

#miniaturesDiv{
width:100%;
margin-bottom:5px;
}

.miniPhoto{
position:relative;
float:left;
margin-bottom:5px;
margin-right:5px;
width:200px;
height:133px;
overflow:hidden;
}
.lightBoxOver{


}


.miniPhoto img{

	position:absolute;
	z-index:1;

}

.miniPhoto a{
display:block;
height:121px;
position:absolute;
top:5px;
width:193px;
z-index:99;

}
.miniPhoto a:hover{
border:4px solid #ff00b4;

	
}


/*
	SHOP

*/

.blocArticle.shop p, .blocArticle.contact p{
	margin:0;
	float:none;
	width:100%;
	
}


.ongletShop{
	width:305px;
	height:34px;
	float:left;
	margin-bottom:5px;

	color:black;
	font-weight:bold;
	


}
.ongletShop h2{
font-size:16px;
margin:0;
padding:0;
padding-top:2px;
padding-left:6px;
}


.ongletShop.active{

	color:white;
	background:url(../images/assets/shop/bgOngletShop.png) no-repeat 0 0;

}

.ongletShop a{
	display:block;
	margin:0;
padding:0;
height:100%;
padding-top:2px;
padding-left:6px;
font-size:16px;
	color:black;
	font-weight:bold;
	}

.ongletShop a:hover{

	color:white;
		background:url(../images/assets/shop/bgOngletShop.png) no-repeat 0 0;

}

.miniPhoto.shop a:hover{
border:4px solid #008e11;
}


.miniPhoto.shop a{

height:125px;
position:absolute;
top:0px;
width:193px;
z-index:99;

}
	
.blocCat.shopAddress{
width:300px;
background:url(../images/assets/shop/bgShopAddress.png) repeat-y;
height:auto;
margin-bottom:10px;
padding:10px 0;

}

.blocCat.shopAddress div.shopAddressDiv{
width:280px;
margin:auto;
font-weight:normal;
font-size:11px;
height:auto;


}

.blocCat.shopAddress div.shopAddressDiv div.shopDetailContent{
	font-weight:normal;
	font-size:11px;	
	width:120px;

}

.blocCat.shopAddress div.shopAddressDiv div.shopDetailContent div.shopTitle{
	font-weight:bold;

}


.blocCat.shopAddress div.shopAddressDiv div.shopDetailContent.time{

font-weight:normal;
font-size:11px;

}

.blocCat.shopAddress div#shopMap{
width:280px;
margin:auto;
height:175px;
background-color:white;
overflow:hidden;


}

.blocCat.shop{

width:300px;
background:url(../images/assets/shop/bgBlocShop.png) no-repeat #000;
height:auto;
margin-bottom:10px;

}

.etageBloc{
width:280px;
margin:auto;
padding-bottom:10px;
margin-top:5px;

}

.etageDiv{

	float:left;
	margin-right:5px;
	margin-top:5px;
	width:137px;
	height:137px;

}

.contBloc{

width:280px;
margin:auto;
margin-top:10px;
padding-bottom:10px;


}

.contBloc.bg{
	background-color:white;
	padding:3px;
	
	}

/*
page street look
*/

.divArticleDroit.cita #sondageForm{
color:white;

}

.divArticleDroit.cita .responseDiv{
	

	margin:0 6px;
	padding:15px 0;
	color:#ffd800;
	font-size:14px;	
	font-weight:bold;

}

.divArticleDroit.cita .numResults{
	color:#4d4d4d;
	font-size:10px;
	margin:6px;

}

.divArticleDroit.cita .responseTitle{
	
	float:left;
	width:230px;
	color:#ffd800;
	font-size:14px;	

}

.divArticleDroit.cita .percentageEmptyBar{
	position:relative;
	height:1px;
	width:270px;
	background:#4d4d4d;
}

.divArticleDroit.cita .percentageBar{
	
	height:1px;
	width:270px;
	background:#ffd800;
	margin-top:5px;
	}

.divArticleDroit.cita .percentageText{
	float:right;
	color:#ffd800;
	font-size:14px;
	margin-left:5px;
	}

.divArticleDroit.cita #sondageForm label{
font-size:11px;

}

.divTitle.cita .pastille{
position: absolute; left: 217px; top: 60px;

}

h3.blogueur{
background-color:black;
height:40px;

}

#submitNews{
background:url(../images/assets/streetLook/bgnewsBtn.png) no-repeat;
color:white;
}

#submitNews.contact{
background:url(../images/assets/contactForm/bgBtnNewsletter.png) no-repeat;
color:white;
}

#newletterFormDroite{
font-size:14px;
margin-bottom:30px;

}
#newletterFormDroite b{
font-size:14px;

}




.divBlogueur{
margin-top:10px;
padding:0 6px;
padding-bottom:5px;
border-bottom:1px solid #CCC;
font-size:10px;

}

.leftBlogueur h4{
font-size:11px;
font-weight:bold;
color:#008e11;
padding-right:15px;
background:url(../images/assets/streetLook/cocheVerte.png) no-repeat right 2px;
display:inline;

}

.leftBlogueur{
float:left;
font-size:10px;
width:210px;

}

.blogueurContent{
font-size:10px;
color:#818181;
margin:5px 0px 10px 0px;
padding:0 6px;

}

.leftBlogueur p{
	font-size:10px;
	color:#818181;;
	margin:0;
	padding:0;
}

.blogueurContent h4{
font-size:12px;
font-weight:bold;
color:#000;
}

.blogueurContent b{
font-size:16px;
color:#008e11;

}

h3.share{
color:#ffd800;
font-size:11px;

}

ul.shareCita{
list-style:none;
margin:0;
padding:0;
display:inline;

}
ul.shareCita li{
float:left;
width:33%;
}

ul.shareCita a{
	color:white;
	font-size:12px;
	font-weight:bold;
	width:auto;
	text-align:center;
	padding-left:20px;
	}
	
ul.shareCita a.fbLink{
background:url(../images/assets/streetLook/fbYellow.png) no-repeat left 50%;


}

ul.shareCita a.blogLink{
background:url(../images/assets/streetLook/blogYellow.png) no-repeat left 50%;
padding-left:25px;
}

ul.shareCita a.myspaceLink{
background:url(../images/assets/streetLook/myspaceYellow.png) no-repeat left 50%;
padding-left:26px;
}

.contFoursquare{
margin: 10px auto 5px auto;
padding: 0px 15px;
background: #FFF;
width: 250px;

}

/* contenu street look*/

#formStreetLook{
	
margin-top:10px;
height:170px;
width:406px;
}
#formStreetLook input.customFileInput{
	position:absolute;
	z-index:99;
	left:95px;
	top:6px;
	width:300px;
}

#formStreetLook input.fakeBtn, #formStreetLook input#submitStreetLookForm{
	border:none;
	background:url(../images/assets/streetLook/fileFakeBtn.png) no-repeat;
	color:#ffd800;
	width:100px;
	height:29px;
	font-size:20px;
	margin-top:10px;
	margin-bottom:15px;
	cursor:pointer;
}


#formStreetLook input.fakeBtn{
	position:absolute;
	z-index:2;
	left:295px;
	top:6px;
	margin:0;
}


#formStreetLook input#photo{

width:300px;
}

#formStreetLook input.fakeInput{

	position:absolute;
	z-index:3;
	width:204px;
	height:29px;
	top:6px;
	left:89px;

}
.filetArticle.cita{
	width:151px; 
	height:6px; 
	background-color:#ffd800;

}

#formStreetLook .left {
font-size:14px;
font-weight:bold;
}
#formStreetLook .left.inputError {
color:red;
border:none;
}


#formStreetLook .left.reglement{
	width:380px;
	
	}
#formStreetLook .left.reglement em{
font-size:10px;
font-weight:normal;
color:#b2b2b2;
}

#formStreetLook .left.reglement.inputError em{
color:red;
}


.inputContainer{
float:left;
position:relative;
width:183px;
padding-left:12px;
padding-top:6px;
margin-right:6px;
margin-bottom:10px;
background-color:#ffd800;
height:25px;
border:1px solid #ffd800;
}

.left.inputError, .inputContainer.inputError{
border:1px solid red;

}


.inputContainer.long{
	width:389px;
	margin-right:0;
	height:33px;
	float:none;
	
	}

.inputContainer.long label{
font-size:18px;
margin-right:5px;

}

.inputContainer input, .inputContainer input.focusInput{
	font-size:18px;
	border:none;
	background-color:#ffd800;
	width:180px;
	
	}

#formLoader{
padding-top:30px;
font-size:12px;
font-weight:bold;

}
#loadingBar{
	position:absolute; z-index:1; width:406px; height:28px; background:url(../images/assets/streetLook/loadingBar.png) no-repeat top left;}
	
#progressBar{
	position:absolute; z-index:2; width:0px; height:28px; background:url(../images/assets/streetLook/progressBar.png) no-repeat top left;}
	
#progressText{
	position:absolute; z-index:3; width:406px; height:28px; font-size:13px; font-weight:normal; padding:5px;}

a.linkBackForm{
display:block;
width:42px;
height:16px;
font-size:12px;
font-weight:bold;
border-top:3px solid black;
text-align:center;
background-color:#ffd800;

}

a#bestOfLink{
display:block;
float:right;
margin-right:5px;
width:122px;
height:15px;
background:url(../images/assets/streetLook/bgBestOf.png) no-repeat;
font-size:12px;
padding:2px 0;
font-weight:bold;
padding-left:78px;
color:#333;

}

h3.streetLookTitle{
	width:405px;
	margin-top:15px;
	font-size:15px;
	color:#333;

}

form#streetLookFilter{

margin:0;
padding:0;
width:405px;
margin-right:5px;

}

form#streetLookFilter ul.ulSelect{
list-style:none;
margin:0;
padding:0;
position:absolute;
z-index:50;

}
form#streetLookFilter ul.ulSelect li{
width:390px;
height:17px;
color:#333;
padding-top:2px;
font-size:12px;
font-weight:bold;
text-align:left;
padding-left:10px;
cursor:pointer;
border-bottom:1px #cccc00 solid;
}
form#streetLookFilter ul.ulSelect li.liResult{
background:#FFD800 url(../images/assets/streetLook/bgSelectTri.png) no-repeat top right;
border-bottom:1px solid white;

}

form#streetLookFilter ul.ulSelect li:hover {
color:#000;

}

form#streetLookFilter ul.ulSelect li.liOptions{
background:#ffd800;

}


.streetLookPhotoDetail{
width:200px;
height:201px;
overflow:hidden;
margin-bottom:5px;
margin-right:5px;
float:left;
position:relative;

	


}
.streetLookPhotoDetail img{
position:absolute;
z-index:1;

}

.streetLookPhotoDetail a.aCadre{
display:block;
width:192px;
height:193px;
position:absolute;
z-index:80;

}
.streetLookPhotoDetail:hover a.aCadre{
border:4px solid #ffd800;

	
}

.streetLookPhotoDetail div.streetLookName{
position:absolute;
top:155px;
z-index:90;

}

.streetLookPhotoDetail div.streetLookName .name{
display:block;
float:left;
height:16px;
background-color:#ffd800;

color:#000;
font-size:12px;
font-weight:bold;
padding-right:5px;
padding-top:2px;
padding-left:15px;
}

.streetLookPhotoDetail:hover div.streetLookName .name{
background-color:#000;

color:#ffd800;
padding-left:11px;
margin-left:4px;
}

.streetLookPhotoDetail:hover .streetLookVote{
	width:41px;
	height:18px;
	background:url(../images/assets/streetLook/votePlusHover.png) no-repeat top left;

} 



.streetLookVote{
	display:block;
	float:left;
	width:1px;
	height:1px;
	background:transparent;

}

.streetLookPhotoDetail:hover .streetLookVote.star{
	width:18px;
	height:18px;
	background:url(../images/assets/streetLook/voteStarHover.png) no-repeat top left;
	}

.streetLookVote.star{
	width:18px;
	height:18px;
	background:url(../images/assets/streetLook/voteStar.png) no-repeat top left;

}

.filterContainer{
position:relative;
z-index:20;

}

#photoListDiv{
position:relative;
z-index:10;
margin-top:45px;
padding-bottom:5px;
border-bottom:3px solid black;
margin-bottom:20px;
}
/* patch ie7 */

*+html #photoListDiv {
	margin-top:65px;
}


 #paginationArticle.streetLook a.current,  #paginationArticle.streetLook a:hover{
 
 background-color:#ffd800;
 
 
 }

/*
	street look best of
*/

#photoListDiv .filetHome {
height:3px;
}

.streetLookMonth{

width:200px;
margin-right:5px;
float:left;
}

.streetLookMonth h2{
margin-left:-4px;

}

.resultDiv{
border-top:3px solid black;

}

/*
	styles génériques
*/
.spacer {
	clear: both;
}

/* style des états des inputs*/

input.focusInput{
	background-color:#FFF;

}

h3 a{
font-size:14px;

}

.green{
color:#008e11;
}

img.radioBtn{

	cursor:pointer;

} 

.nomargin{
margin-right:0px;

}

.left{
float:left;
margin-right:5px;
}

.blackDiv{
	margin-top:5px;
background-color:black;
padding:6px;

}
h2.borderBottom{
padding-bottom:15px;
border-bottom:1px solid white;

}

h3.white{
color:white;
}

.divInputLeft{
	position:relative;
	float:left;
	width:200px;

}

#newsletterMainForm ul.ulSelect{

		position:absolute;
		z-index:50;
		margin:0;
		padding:0;
		width:200px;
		list-style:none;


}

#newsletterMainForm ul.ulSelect li{
		width:200px;


}

#newsletterMainForm input{
	
	float:left;

}

#send2FriendForm{
	background-color:white; padding:20px 0px 10px 5px;

}
.send2FriendDiv{
margin-top:11px; border-top:7px solid #008e11;
background-color:white;
}
#blogueurWinDiv{
	
	padding:2px;

}

#send2FriendWin, #blogueurWin{
width:461px; background-repeat:repeat-x;
}

#send2FriendCloseBtn, #blogueurWinCloseBtn{
	float: right; color: white; font-size: 15px; font-weight: bold; cursor: pointer; margin-right: 5px;
}

#send2FriendForm input[type=text], #send2FriendForm textarea{
border:none;
background-color:#008e11;
padding:5px;
font-size:15px;
margin-bottom:10px;
margin-right:5px;
width:180px;
}

#send2FriendForm textarea{margin-bottom:0}
.smallGrey{
font-size:10px;
color:#b2b2b2;
display:block;
margin-left:5px;
}

#send2FriendForm #email, #send2FriendForm #friendemail{
width:240px;

}
#send2FriendForm #message{
width:438px;
}

#submitSend2Friend, #send2FriendForm input[type='button'], #cancelBlogueurWin{
margin-top:20px;
margin-bottom:5px;
background-color:black;
color:#008e11;
width:100px;
text-align:center;
font-weight:bold;
cursor:pointer;
border:none;
padding:5px;
font-size:15px;
}
#cancelBlogueurWin{
	margin-left:181px;

	}

#submitSend2Friend:hover, #send2FriendForm input[type='button']:hover, #cancelBlogueurWin:hover{
	color:white;
	}
#submitSend2Friend[disabled], #submitSend2Friend[disabled]:hover{
	background-color:#333333;
	color:#0a7c18;
	cursor:default;
}
#send2FriendMessage{
text-align:center; margin-top:50px;color:black;
}

#blogueurCode{
	width:445px;
	height:78px;
	font-size:10px;
	margin:5px 5px;
}

/* contact form */

#contactForm{
width:100%;
padding:0;
margin:0;

}

#contactForm input[type=text]{
	background-color:#008e11;
	border:none;
	font-size:18px;
	
	padding:3px;
	width:236px;
	float:left;
	
	position:relative;
}

#divaics_subject{
z-index:100;
margin:10px 0;
width:596px;
}
#contactForm input[type=text]#aics_prenom{
	width:240px;
	
	}
#contactForm input[type=text]#aics_name{
margin-right:0;
width:240px;
}
#contactForm input#contact_prenom, #contactForm input#contact_nom{
width:240px;
	
}

#contactForm input#contact_email{
width:596px;
	
}
#contactForm input#contact_codepostal{

	width:150px;

}

#contactForm input#contact_ville{
width:150px;

}
#contactForm input[type=text]#aics_email, #contactForm input[type=text]#aics_phone{
clear:left;
width:592px;
}
#contactForm input[type=text]#aics_codepostal, #contactForm input[type=text]#aics_ville{
width:148px;

}

#aics_message{
width:592px;
height:100px;
background-color:#008e11;
border:none;
padding:3px;
font-size:18px;

}

#ulSelect_aics_subject{
	width:596px;

}
#contactForm div.left{
float:left;
position:relative;
margin:10px 5px 10px 0;
}

#contactForm ul.ulSelect{
	position:relative;
	z-index:10;
	
	margin:0;
	list-style:none;
	padding:0;
	
}
#contactForm ul.ulSelect li.liResult div{
	
background:url(../images/assets/contactForm/dropdown.png) no-repeat center right #008e11;

font-size:18px;
padding:3px 28px 3px 3px;
}

#contactForm #divaics_subject.inputError{
	color:black;

}

#contactForm ul.ulSelect ul{
	
	background-color:#008e11;
	margin:0;
	list-style:none;
	padding:0;
}


#contactForm ul.ulSelect li{
	font-size:18px;
	margin:0;
	padding:0;
	cursor:pointer;
	
	}
	
	#ulSelect_contact_genre{
	width:99px;
	
	}
	#contactForm ul.ulSelect#ulSelect_contact_pays, #contactForm ul.ulSelect#ulSelect_aics_pays{
	width:280px;
	z-index:50;
	
	}
	
	#ulSelect_contact_age{
	width:200px;
	
	}
	
	#ulSelect_contact_profession{
	width:200px;
	
	}

#contactForm div.ulDropDown{
position:absolute;
z-index:50;
overflow:auto;
width:100%;
height:150px;

}

#submitNewsletterForm, #divaics_fichier input.fakeBtn{
	width:100px;
	font-size:20px;
	color:#008e11;
	text-align:center;
	height:29px;
	background:url(../images/assets/contactForm/bgSubmitBtn.png) no-repeat;
	border:none;

}

#divaics_fichier{
	width:596px;
	height:50px
}

#contactForm input[type=file].customFileInput{
height:35px;
left:0;
position:absolute;
width:596px;
z-index:50;

}
#divaics_fichier input.fakeBtn{
background-image:none;
background-color:black;
position:absolute;
right:5px;
top:5px;
z-index:20;
}

#divaics_fichier input.fakeInput{
	width:596px;
	height:35px;
	position:absolute;
width:596px;
left:0px;
z-index:10;

}

#ulSelect_contact_age div.ulDropDown{
	height:200px;
	
	}
	#ulSelect_contact_pays li.liResult div{
	overflow:hidden;
	height:22px;
	
	}
	


#contactForm div.ulDropDown ul li{
padding:3px;
}

#ulSelect_aics_genre{
	width:95px;

}

#ulSelect_aics_pays{
	width:204px;

}
#contactForm div.optin{
	color:#333333;
	margin:5px 0;
}

#contactForm div.inputError{
	color:#FF0000;
}

object{
outline:none;
}

.contactAdress{
color:#b2b2b2;
}

.errorPage{
height:350px;
padding-top:25px;
text-align:center;


}

.errorPage a{
text-decoration:none;
}

.errorPage a:hover{
text-decoration:underline;
}