/*Base CSS*/
/* --- STYLES DE BASE --- (http://www.alsacreations.com/astuce/lire/654-feuille-de-styles-de-base.html)*/ 
 
/* Page */ 
html { 
  font-size: 100%; /* Évite un bug d'IE 6-7. (1) */ 
} 
body { 
  margin: 0; 
  padding: 0px; /* Remettre à zéro si nécessaire. */ 
  /* Pensez à utiliser une collection de polices (2), par ex: 
  font-family: Arial, Helvetica, FreeSans, sans-serif; */ 
  font-size: .8em; /* À adapter pour la police choisie. (3) */ 
  line-height: 1.4; /* À adapter au design. (4) */ 
  color: black; 
  background: white; 
  font-family:Arial;
  font-size:11px;
  background-image:url('http://img2.izicontact.com/hotclic/img/bg.jpg');
  background-position:center; 
} 
 
/* Titres */ 
h1, h2, h3, h4, h5, h6 { 
  margin: 1em 0 .5em 0; /* Rapproche le titre du texte. (5) */ 
  line-height: 1.2; 
  font-weight: bold; /* Valeur par défaut. (6) */ 
  font-style: normal; 
} 
h1 { 
  font-size: 1.75em; 
} 
h2 { 
  font-size: 1.5em; 
} 
h3 { 
  font-size: 1.25em; 
} 
h4 { 
  font-size: 1em; 
} 
 
/* Listes */ 
ul, ol { 
  margin: .75em 0 .75em 32px; 
  padding: 0; 
} 
 
/* Paragraphes */ 
p { 
  margin: .75em 0; /* Marges plus faibles que par défaut. (7) */ 
} 
address { 
  margin: .75em 0; 
  font-style: normal; 
} 
 
/* Liens */ 
a { 
  text-decoration: underline; 
} 
a:link { 
  color: #11C; 
} 
a:visited { 
  color: #339; 
} 
a:hover, a:focus, a:active { 
  color: #00F; 
} 
 
/* Pas de bordure autour des images dans les liens */ 
a img { 
  border: none; 
} 
 
/* Divers éléments de type en-ligne (8) */ 
em { 
  font-style: italic; 
} 
strong { 
  font-weight: bold; 
} 
 
/* Formulaires */ 
form, fieldset { 
  margin: 0; 
  padding: 0; 
  border: none; 
} 
input, button, select { 
  vertical-align: middle; /* Solution pb. d'alignement. (9) */ 
}

/*Specifique*/
#pageConteneur 
{
	width:1000px;
	margin-left:auto;
	margin-right:auto;
}

#logo 
{
	margin-left:30px;
	float:left;
	width:210px;
	color:#c92536;
	text-align:center;
	height:115px;
	margin-top:5px;
	font-size:13px;
}

#pub725 
{
	float:left;
	margin-left:15px;
	width:725px;
	margin-top:5px;
	height:115px;
}

#pub120
{
	width:120px;
	height:600px;
}


#pub468
{
	width:500px;
	height:70px;
	margin-top:15px;
}

.pub300 
{
	width:300px;
	height:250px;
}

#col1 
{
	float:left;
	margin-left:20px;	
	width:135px;
	margin-top:25px;
	margin-left:20px;	
}

#col2 
{
	float:left;
	margin-left:10px;
	width:505px;
	margin-top:25px;
}

#col3
{
	float:left;
	margin-left:10px;	
	width:300px;
	margin-top:25px;	
}

#resultat 
{	
	text-align:center;
	width:120px;
	height:220px;
	background-color:#e4e4e4;
	border:1px solid #b1b1b1;
}

#resultatTitre
{
	margin-top:10px;
	font-size:13px;
	color:#545454;
	margin-bottom:10px;
}

.resultatPho 
{
	border:2 px solid #ffffff;
}

#resultatPart2 
{
	color:#000000;
	border-top:1px solid #b1b1b1;
	margin-top:10px;
	padding-top:5px;
	font-size:14px;	
}

#resultatNote 
{
	color:#ff004e;
	font-size:20px;
}

#resultatNbVote 
{
	color:#000000;
	font-size:10px;
}

#resultatIcoRencontrer
{
	margin-top:5px;
	float:left;
	text-align:center;
	width:60px;
	margin-bottom:10px;
}

#resultatIcoPartager
{
	margin-left:22px;
	float:left;
	text-align:center;
	width:45px;
	margin-bottom:10px;
}

a.icoLink 
{
	text-decoration:none;
	font-size:11.5px;
	color:#545454;	
}

#voteZone
{
	font-size:13px;
	color:#545454;
	margin-bottom:10px;
	width:500px;
}

.voteBtn
{
	float:left;
	height:45px;
	width:70px;
}

#phoCadre 
{
	width:505px;
	height:505px;
	background-repeat:no-repeat;
	background-image:url('http://img2.izicontact.com/hotclic/img/bg_autrephotos.png');
}

#phoCadreIcos
{
	width:500px;
	margin-top:10px;
}

.phoCadreIco
{
	width:120px;
	text-align:center;
	float:left;
}


.prochainVotePhoto
{
	float:left;
	width:70px;
	height:70px;
	margin-right:5px;
}

#footerLine
{
	border-top:5px solid #ff8a00;
	height:2px;
	border-bottom: 8px solid #dbdbda;
}

#footerLinks
{
	height:30px;
	float:right;
}

a.footerLinks
{
	font-size:11px;
	color:#999999;
	text-decoration:none;
}

#autrePhoTitre 
{
	color:#ff7731;
	text-align:center;
	font-size:15px;
	margin-top:10px;
	margin-bottom:10px;
}

.autrePhotos 
{
	width:100px;
	height:100px;
	text-align:center;
	float:left;
	margin-right:15px;
	margin-bottom:15px;
}

#autrePhotosCadre 
{
	margin-left:30px;
	width:480px;
	height:440px;
	overflow:auto
}

#prochainVoteTitre 
{
	color:#b21420;
	font-size:13px;
}

.noteHover
{
	background-image:url('http://img2.izicontact.com/hotclic/img/point.png');
	position:absolute;
	width:6px;
	height:6px;
	margin-top:13px;
}

#noteHover_1
{
	margin-left:48px;
	display:none;
}
#noteHover_2
{
	margin-left:87px;
	display:none;
}
#noteHover_3
{
	margin-left:126px;
	display:none;
}
#noteHover_4
{
	margin-left:167px;
	display:none;
}
#noteHover_5
{
	margin-left:210px;
	display:none;
}
#noteHover_6
{
	margin-left:250px;
	display:none;
}
#noteHover_7
{
	display:none;
	margin-left:291px;
}
#noteHover_8
{
	display:none;
	margin-left:332px;
}
#noteHover_9
{
	display:none;
	margin-left:373px;
}
#noteHover_10
{
	display:none;
	margin-left:414px;
}

/*Modal / Tooltip*/
#control_overlay 
{  
    background-color:#000;  
} 
 
.modal 
{  
    background-color:#fff;  
    padding:10px;  
    border:3px solid #333;  
} 

.modalHeaderTitle 
{
	color:black;
	font-size:15px;
	font-family:Arial;
	font-weight:bold;
	padding-bottom:10px;
}

.modalHeaderClose 
{
	font-size:10px;
	color:#686868;
	float:right;
	cursor:pointer;
}

.tooltip 
{  
    border:1px solid #000;  
    background-color:#fff;  
    width:250px;  
    padding:5px;
    font-family:Verdana;  
    font-size:10px;  
    color:#333;  
} 

/*CSS*/


/* CSS Document */
/*
body 
{
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #FFFFFF;
	background:url(http://imgbeta.izicontact.com/hotclic/img/fond_page.gif) top repeat-x;
}

body,td,th 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #5D5D5D;
}

a 
{
text-decoration:none;
}

.tabmenu
{
border :solid 1px #5D5D5D;
background-color:#FFFFFF;
}

.tabmenudroit
{
border-right :solid 1px #5D5D5D;
}

.menutypo
{
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:bold;
color:#FF00DB;
}

.menutypo2
{
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:bold;
color:#5D5D5D;
}

.formstyle
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#5D5D5D;
	border:solid 1px #5D5D5D;
	height:17px;
	width:110px;
}

.formstyle1
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#5D5D5D;
	border:solid 1px #5D5D5D;
	height:20px;
	width:90px;
}

.formstyle2
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#5D5D5D;
	border:solid 1px #5D5D5D;
	height:20px;
}

.footer
{
height:45px;
background-color:#EAEAEA;
border-top: solid 1px #CCCCCC;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#5D5D5D;
text-align:center;
}

.txtaccroche
{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
color:#FF00DB;
}
.txtaccroche2{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
color:#5D5D5D;
}
.txtnote{
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
font-weight:bold;
color:#5D5D5D;
}
.txtnote2{
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
font-weight:bold;
color:#970082;
}
.lienaccorche{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#5D5D5D;
}
.lienrosepetit{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#FF00DB;
text-decoration:none;
}
.liengrispetit{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#5D5D5D;
text-decoration:none;
}
.tabbestof{
border: 2px solid #B3B2B2;
width:177px;
height:238px;
}
.tabbestofnote{
border-top: 1px solid #CCCCCC;
border-left: 1px solid #ffffff;
height:36px;
background-color:#EAEAEA;
}
.tabbestoftitre{
height:25px;
}

.tabvoting{
border: 2px solid #B3B2B2;
width:177px;
height:238px;
}
.tabvotingnote{
border-bottom: 1px solid #ffffff;
height:65px;
background-color:#FFDBFC;
}
.tabvotinglien{
border-bottom: 1px solid #CCCCCC;
border-left: 1px solid #ffffff;
padding-top:3px;
height:23px;
background-color:#EAEAEA;
}
.tabrecherche{
border-bottom: 1px solid #CCCCCC;
height:30px;
background-color:#EAEAEA;
}

.pub{
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
color:#D2D2D2;
}

.tabphoto{
border: 1px solid #CCCCCC;
}
.tabphotolien{
border-bottom: 1px solid #CCCCCC;
border-left: 1px solid #ffffff;
border-top: 1px solid #ffffff;
padding-top:3px;
height:27px;
background-color:#EAEAEA;
}
.tabphoto2{
padding:10px;
text-align:center;
}
*/