/* --------------------------------[COMMON]-------------------------------- */
*{margin:0; padding:0;}
img{border:0px;}
.italic{font-style:italic;}
.bold{font-weight:bold;}
.textLeft{text-align:left;}
.textCenter{text-align:center;}
.textRight{text-align:right;}
.textJustify{text-align:justify;}
.clear{clear:both; visibility:hidden;}
.vMiddle{vertical-align:middle}
.fLeft{float:left;}
.fRight{float:right;}
.debug{border:solid 1px red;}

/* --------------------------------[TO DEFINE]-------------------------------- */
body{font-family:"verdana", "sans-serif"; font-size:12px; color:#000; text-align:justify; background-image:url(../img/texture/back.png); }
a{color:#F8A21A; text-decoration:none; font-style:italic; font-family: "verdana", sans-serif; font-size:12px; font-weight:bold;}
a:hover{color:#F8A21A; text-decoration:underline;}
p{margin:5px auto; padding:5px;}
h1{font-family: "verdana", sans-serif; font-weight:bold; color:#ff7200; text-shadow: 2px 2px 2px #222}
h2{}


/* --------------------------------[SITE]-------------------------------- */

							/* ----[All Pages]---- */

div#global{
	margin-bottom:60px;
}

div#global div#contentPage{
	
}


div#bandeau{
	width:420px	;
	height:32px;
	/*background-image:url(../img/login-fond.png);*/
	float:left;
}
div#bandeau.logged{
	width:350px	;
}
div#bandeau.adminMenu{
	width:810px	;
}
div#bandeau.adminMenu div#connexionUser div#menuCompte ul li{
	display:inline;
}
div#bandeau div#logo{
	float:left;
	margin-left:5px;
}
div#bandeau div#connexionUser{
	float:left;
	margin-left:20px;
	height:32px;
	line-height:32px;
	color:#1da6fd;		/* BLEU BASE */
	font-weight:bold;
}
div#bandeau div#connexionUser form, div#bandeau div#connexionUser form p{
	height:32px;
	line-height:28px;
	margin:0;
	padding:0;
}
div#bandeau div#connexionUser form p input{
	height:20px;
	color:#777;
	background-color:#FFF;
	border:solid 1px #777;	/* ORANGE BASE */
	border-radius:5px;
	width:130px;
	padding:3px;
}
div#bandeau div#connexionUser form p input.submit{
	cursor:pointer;
	width:25px;
	height:20px;
	/*background-image:url(../img/btnOk.png);*/
	border:solid 1px #777;
	padding:1px;
	vertical-align: middle;
	margin-top:-2px;
}
/*div.bandeau-close{*/
	/*width:14px	;*/
	/*height:32px;*/
	/*background-image:url(../img/login-droite.png);*/
	/*float:left;*/
/*}*/


							/* ----[ZAPS]---- */

div#listeZap{
	margin:10px;
	text-align: left;
}
div#listeZap div.zapSombre, div#listeZap div.zapClair{
	width:50px;
	height:50px;
	border-radius: 10px;
	float:left;
	margin:1px;
}
div#listeZap div.zapSombre{
	/*background-image:url(../img/fondZapSombre.png);*/
}
div#listeZap div.zapClair{
	/*background-image:url(../img/fondZapClair.png);*/
}
div#listeZap div.zapTexteCategorie{
	color:#fff;
	position:absolute;
	font-weight:bold;
	font-size:10px;
	width:50px;
	height:50px;
	line-height:10px;
	text-align:center;
	padding-top:20px;
	text-transform:uppercase;
	text-shadow:1px 1px 1px #333;
}
.zapCatBlock{
	border: solid 1px rgba(255,255,255,0.4);
	display:inline-block;
	margin:5px;
	border-radius:5px;
	padding:5px;
	padding-top: 15px;
	padding-left:45px;
}
div#listeZap div.zapTexteCategorie.twoLines{
	/*padding-top:15px;	*/
}
.zapUrl{
	display: inline-block;
	width:45px;
	height:45px;
	color:#fff;
}
a.imgZap{
	display:block;
	width:45px;
	height:45px;
	color:#fff;
}
div.texteZap{
	visibility:hidden;
	display: none;
}
div.texteZap.visible{
	position:absolute;
	margin-left:0px;
	margin-top:50px;
	border:solid 1px #F8A21A;
	background-color:#1da6fd;
	color:#fff;
	font-size:10px;
	padding:2px 10px 2px 10px;
	border-radius: 10px;
	opacity:0.9;
	z-index:200;
	display: block;
}
.txtCategorie{
	color:#fff;
	font-style: italic;
	font-size: 10px;
	text-transform: uppercase;
	transform:rotate(-90deg);
	-moz-transform:rotate(-90deg);
	-webkit-transform:rotate(-90deg);
	-ms-transform:rotate(-90deg);
	position: absolute;
	/*height: 45px;*/
	width:45px;
	/*border: solid 1px red;*/
	margin-left: -45px;
	margin-top:5px;
}
							/* ----[MOTEURS]---- */

div#moteursRecherche{
	
}
div#moteursRecherche div.borderTopMoteurs{
	background-image:url(../img/barreFooter.png);
	width:100%;
	height:5px;
}

div#moteursRecherche div.formMoteurs{
	/*float:left;*/
	display: inline-block;
}

div#moteursRecherche div.formMoteurs form p input.inputMoteur{
	width:100px;
	background-color:#FFF;
	border:solid 1px #777;
	color:#777;
	font-style:italic;
	font-size:12px;
	border-radius: 5px;
	height:18px;
	padding: 3px;
}

div#moteursRecherche div.formMoteurs form p input.submit{
	display:none;	
}


div#contentCompte{
	margin:10px;	
}
div#contentCompte div.aide{
	margin:20px auto 20px auto;
	padding:15px;
	width: 990px;
	border:solid 1px #F8A21A;
	color:#555;
	border-radius: 5px;
	background-image:url(../img/fondAide.png);
	text-align:justify;
}
div#contentCompte div#formCompteZap form, div#contentCompte div.formAdmin form{
	width:500px;	
	margin:auto;
	border-radius: 10px;
}
/* VARIATIONS TAILLES FORM */
div#contentCompte div#formCompteZapCategorie form{
	width:400px;
}
div#contentCompte div#formCompteZapCategorie form fieldset p{
	width:260px;
}
div#contentCompte div#formCompteZapCategorie form fieldset p.couleur{
	width: 260px	
}
div#contentCompte div#formCompteZapCategorie form fieldset p.couleur span#colorSelector{
	width :20px; 
	height:20px;
	float:left;
	margin-right:10px;
	display:block;
	border:solid 1px #777;
}
div#contentCompte div#formCompteMoteur form{
	width:1010px;
}
div#contentCompte div#formCompteMoteur form div.blocMoteursRecherche{
	float:left;
	width: 170px;	
	margin:7px;
	padding:0 5px;
	border:solid 1px #1da6fd;
	color:#1da6fd;
	border-radius: 5px;
	background-color:#fff;
	text-align:left;
}
div#contentCompte div#formCompteMoteur form div.blocMoteursRecherche label{
	float:none;
	width:150px;	
}
div#contentCompte div#formCompteMoteur form div#buttonInterfaceFormMoteurs{
	margin-top:15px;	
}
div#contentCompte div#formCompteMoteur form fieldset p.submitMoteurs{
	width:100%;
	text-align:center;	
}
div#contentCompte div#formAdminMoteur form{
	width:990px;
}
div#contentCompte div#formAdminMoteur form div.textarea{
	width:850px;
	float:right;
}
div#contentCompte div#formAdminMoteur form p{
	width:850px;
	float:right;
}

/* END VARIATIONS TAILLES FORM */
div#contentCompte div.formAdmin{
	margin:20px 20px 40px 20px;		
}
div#contentCompte div.formAdmin form{
	margin:auto;
}
div#contentCompte div.formAdmin form fieldset{
	border-radius:5px;
	border:solid 1px #F8A21A;
	padding:10px;
	background-color:#FFE0B2;
}
div#contentCompte div.formAdmin form fieldset legend{
	color:#F8A21A;
	font-weight:bold;
	padding:5px;
}
div#contentCompte div.formAdmin form fieldset label{
	width:100px;
	float:left;
	text-align:right;	
	height:24px;
	line-height:24px;
	color:#1da6fd;
	text-transform:uppercase;
	font-weight:bold;
}
div#contentCompte div.formAdmin form fieldset p{
	width:360px;
	float:right;
	text-align:left;	
	height:24px;
	line-height:24px;
	margin:0;
	padding:0;
}
div#contentCompte div.formAdmin form fieldset p input, div#contentCompte div.formAdmin form fieldset p select, div#contentCompte div.formAdmin form fieldset p textarea{
	background-color:#FFF;
	border:solid 1px #1da6fd;
	border-radius: 5px;
}
div#contentCompte div.formAdmin form fieldset p input.submit{
	background-color:#1da6fd;	
	color:#fff;
	padding:0 10px;
}

div#contentCompte div#menuZapCategorie{
	text-align:center;
	margin:20px 20px 40px 20px;	
}
div#contentCompte div#menuZapCategorie ul li{
	display:inline-block;	
	color:#1da6fd;
	list-decoration:none;
	padding:5px;
	/*border-right:solid 1px #1da6fd;*/
	border-radius:5px;
	cursor:pointer;
	margin-bottom:15px;
}
div#contentCompte div#menuZapCategorie ul li.pipe{
	padding:2px;
	cursor:default;
}
div#contentCompte div#menuZapCategorie ul li.pipe:hover{
	background:transparent;
}
div#contentCompte div#menuZapCategorie ul li a{
	color:#1da6fd;
}
div#menuZapCategorie ul li:hover, div#menuZapCategorie ul li.selectedCategorie{
	 background-color:#F8A21A;
}
div#contentCompte div#menuZapCategorie ul li:hover a, div#contentCompte div#menuZapCategorie ul li.selectedCategorie a{
	 color:#fff;
}
div#contentCompte  div#menuZapCategorie ul li.end{
	border-right:0px;
}
div#contentCompte  p.warning{
	text-align:center;	
}
div#contentCompte table.resultats{
	margin:20px auto 40px auto;	
	border-collapse:collapse;
}
div#contentCompte table.resultats thead tr th {
	margin:0px;
	padding:5px;
	background-color:#F8A21A;
	border-bottom:solid 2px #1da6fd;
	color:#FFF;
}
div#contentCompte table.resultats tbody tr{
	border-bottom:solid 1px #ccc;
}
div#contentCompte table.resultats tbody tr td{
	margin:0px;
	padding:5px 15px 5px 5px;
	color:#1da6fd;
}
div#contentCompte table.resultats tbody tr td.url a{
	color:#777;
	font-style:italic;
}
div#contentCompte table.resultats tbody tr:hover td{
	color:#fff;
	background-color:#1da6fd;
}
div#contentCompte table.resultats tbody tr td span.couleurCategorie{
	display:block;
	width:20px;
	height:20px;
	border:solid 1px #777;
	margin:auto;	
}

div#contentCompte div#formRequestMoteur form{
	width:500px;
	margin:20px auto;
}
div#contentCompte div#formRequestMoteur form fieldset{
	background-color:#eee;
	border-radius:5px;
	padding:10px;
}
div#contentCompte div#formRequestMoteur form fieldset legend{
	color:#777;
	font-weight:bold;
	padding:5px;
}	
div#contentCompte div#formRequestMoteur form p{
	width:100%;	
}
div#contentCompte div#formRequestMoteur form p textarea{
	color:#1da6fd;	
}
div#contentCompte div#formRequestMoteur form p.submit{
	text-align:center;	
}
div#contentCompte div#formRequestMoteur form p.submit input.submit{
	background-color:#1da6fd;	
	color:#fff;
	padding:0 10px;
	border:solid 1px #1da6fd;
	border-radius: 5px;
}

							/* ----[MINIS]---- */

div#minis{
	
}
div#minis div#connexionUserMinis{
	width:300px;
	margin:5px auto;
	height:32px;
	line-height:32px;
	color:#1da6fd;		/* BLEU BASE */
	font-weight:bold;
}
div#minis div#connexionUserMinis form, div#minis div#connexionUserMinis form p{
	height:32px;
	line-height:32px;
	margin:0;
	padding:0;
}
div#minis div#connexionUserMinis form p input{
	height:20px;
	color:#F8A21A;	
	background-color:#FFF;
	border:solid 1px #F8A21A;	/* ORANGE BASE */
	border-radius:5px;
}
div#minis div#connexionUserMinis form p input.submit{
	cursor:pointer;
	width:21px;
	height:17px;
	background-image:url(../img/btnOk.png);
	border:0;
}
div#minis div#listeZap{
	width:90%;
	margin:5px auto;
}
div#minis div#listeZap div.zapSombre{
	width:50px;
	height:50px;
	border-radius: 10px;
	float:left;
	margin:1px;
	background-image:url(../img/fondZapSombre.png);
}
div#minis div#listeZap div.zapSombre div.zapTexteCategorie{
	color:#fff;
	position:absolute;
	font-weight:bold;
	font-size:10px;
	width:50px;
	height:50px;
	line-height:10px;
	text-align:center;
	padding-top:20px;
	text-transform:uppercase;
	text-shadow:1px 1px 1px #333;
}
div#minis div#listeZap div.zapSombre div.zapTexteCategorie.twoLines{
	padding-top:15px;	
}
div#minis div#listeZap div.blocZapMini{
	width:50px;
	height:50px;
	float:left;
	margin:2px;
}
div#minis div#listeZap div.blocZapMini a.imgZap{
	width:45px;
	height:45px;
	display:block;
	margin:2px 0 0 2px;
}

div.topvue{
	width:400px;
	margin:auto;	
}
div.topvue h3{
	text-align:center;	
	color:#1da6fd;	
	margin-bottom:20px;
}
div.topvue table{
	width:100%;	
	border-collapse:collapse;
}
div.topvue table tr.odd td{
	background-color:#FFE0B2;
}
div.topvue table tr.even td{
	background-color:#99D7FF;
}
div.topvue table tr:hover td{
	background-color:#fff;
	border:solid 1px #F8A21A;
	font-weight:bold;
}
div.topvue table tr:hover td.clics{
	border-left:0;
}
div.topvue table tr:hover td.zap{
	border-right:0;
}
div.topvue table tr td{
	width:50%;
	border-bottom:solid 1px #ddd;
	padding:5px;
}

/* --------------------------------[¿ REFERENCES]-------------------------------- 
box-shadow:5px 5px 5px #111;
border-radius:5px;
text-shadow: 2px 2px 2px #888
border-collapse:collapse;
border-spacing:1px;
background: url(image.jpg)center no-repeat; //Image centrée verticalement et horizontalement dans un div
 --------------------------------[REFERENCES ?]-------------------------------- */