/* @override Credits */
/*
Date : 07.08.2008 
Auteur : Adrien Heury
Projet : NOE Interactive v2
Logiciel : CSS Edit 2.6 - iMac
Commentaire : 
*/

/* @group Générique */

* {
	margin: 0;
	padding: 0;
}

img {
	border: none;
}

a {
	outline: none;
	text-decoration: none;
	color: #FCCC69;
}

strong {
	font-weight: bold;
}

a.hautPage {
	font-size: 9px;
	color: #D7D7D7;
	float: right;
}

.visualClear {
	clear: both;
}

hr {
	visibility: hidden;
}

acronym {
	border-bottom: 1px dotted #ADADAD;
}

/* @end */

/* @group Formulaire */

fieldset {
	border: none;
}

fieldset legend {
	visibility: hidden;
}

fieldset div {
	margin: 10px 0;
}

fieldset div label {
	display: block;
	width: 150px;
	float: left;
	font-size: 10px;
	color: #d7d7d7;
}

fieldset div input, form fieldset div textarea {
	padding: 3px;
	font-size: 10px;
	border: none;
	background: #252525;
}

fieldset div input.inputText, form fieldset div textarea.inputText {
	padding: 3px;
	font-size: 10px;
	border: none;
	background: #565656;
	color: #FFF;
}

/*special bouton calcul d'itineraire*/
.inputBtn2 {
	padding: 3px;
	border: none;
	background: #2d2d2d;
}

fieldset div input:focus, form fieldset div textarea:focus {
	background: #FFF;
	color: #565656;
}

fieldset div p {
	font-size: 9px;
	line-height: 10px !important;
}

/* @end */

/* @group NOE Solutions */

.noecms {
	background: #af598d;
	margin: 0 5px 0 0;
	padding: 4px 4px 3px 4px;
	display: block;
	float: left;
	font-size: 9px;
	color:#FFFFFF;
	line-height:9px;
}

.noemap {
	background: #e5901b;
	margin: 0 5px 0 0;
	padding: 4px 4px 3px 4px;
	display: block;
	float: left;
	font-size: 9px;
	color:#FFFFFF;
	line-height:9px;
}

.noenet {
	background: #26a3d9;
	margin: 0 5px 0 0;
	padding: 4px 4px 3px 4px;
	display: block;
	float: left;
	font-size: 9px;
	color:#FFFFFF;
	line-height:9px;
}

.noetrafic {
	background: #6cb059;
	margin: 0 5px 0 0;
	padding: 4px 4px 3px 4px;
	display: block;
	float: left;
	font-size: 9px;
	color:#FFFFFF;
	line-height:9px;
}

.noesitra {
	background: #afa659;
	margin: 0 5px 0 0;
	padding: 4px 4px 3px 4px;
	display: block;
	float: left;
	font-size: 9px;
	color:#FFFFFF;
	line-height:9px;
}

/* @end */


/* @group Btn */

a.btntelecharger {
	background-image: url(../images/btn-telecharger.png);
}

a.btnenvoyer {
	background-image: url(../images/btn-envoyer.png);
}

a.btnvoirplus {
	background-image: url(../images/btn-voirplus.png);
}

a.btnfirefox {
	background-image: url(../images/btn-firefox.png);
}

.btnitineraire {
	background-image: url(../images/btn-itineraire.png);
}

input.btnconnecter, a.btnconnecter {
	background-image: url(../images/btn-connecter.png);
}

a.btntelecharger, a.btnenvoyer, a.btnvoirplus, a.btnconnecter, input.btnconnecter, a.btnfirefox, input.btnitineraire {
	background-position: top left;
	background-repeat: no-repeat;
	display: block;
	width: 112px;
	height: 26px;
	outline: none;
}

a.btntelecharger span, a.btnenvoyer span, a.btnvoirplus span, a.btnconnecter span, a.btnfirefox span, a.btnitineraire span {
	display: none;
}

a.btntelecharger:hover, a.btnenvoyer:hover, a.btnvoirplus:hover, a.btnconnecter:hover, input.btnconnecter:hover, a.btnfirefox:hover, input.btnitineraire:hover {
	background-position: center left;
	cursor: pointer;
}

a.btntelecharger:active, a.btnenvoyer:active, a.btnvoirplus:active, a.btnconnecter:active, input.btnconnecter:active, a.btnfirefox:active, input.btnitineraire:active {
	background-position: bottom left;
}
/* @end */

/* @group Infos bulles / Msg info */
div.bulle {
	background: #222;
	width:200px;
	height:100px;
	margin-top:30px;
	opacity:0.5;
	-moz-border-radius: 7px;
	-khtml-border-radius: 7px;
	-webkit-border-radius: 7px;
	padding: 10px;
	color: #fff;
	cursor: pointer;
	z-index:20;
}

div.infobulleCheck {
	background: #222;
	width:170px;
	height:30px;
	margin-top:30px;
	opacity:0.5;
	-moz-border-radius: 7px;
	-khtml-border-radius: 7px;
	-webkit-border-radius: 7px;
	padding: 10px;
	color: #fff;
	cursor: pointer;
	z-index:20;
}

div.infobulleNextPrev {
	background: #222;
	width:130px;
	height:30px;
	margin-top:30px;
	opacity:0.5;
	-moz-border-radius: 7px;
	-khtml-border-radius: 7px;
	-webkit-border-radius: 7px;
	padding: 10px;
	color: #fff;
	cursor: pointer;
	z-index:20;
}


div.bulleCredits {
	background: #222;
	width:150px;
	height:200px;
	margin-top:30px;
	opacity:0.5;
	-moz-border-radius: 7px;
	-khtml-border-radius: 7px;
	-webkit-border-radius: 7px;
	padding: 10px;
	color: #fff;
	font-size: 9px;
	line-height: 12px;
	cursor: pointer;
	z-index:20;
}

div.bullePopup {
	background: #222;
	width:200px;
	height:20px;
	margin-top:30px;
	opacity:0.5;
	-moz-border-radius: 7px;
	-khtml-border-radius: 7px;
	-webkit-border-radius: 7px;
	padding: 10px;
	color: #fff;
	font-size: 10px;
	line-height: 12px;
	cursor: pointer;
	z-index:20;
}

div.bulleError {
	/*background: #f69696;*/
	background: #FFF4A6;
	width:200px;
	margin-top:30px;
	opacity:0.5;
	-moz-border-radius: 7px;
	-khtml-border-radius: 7px;
	-webkit-border-radius: 7px;
	padding: 10px;
	color: #fff;
	cursor: pointer;
	z-index:20;
	color: black;
	z-index:20;
}

.alert {
	background: #FFF4A6;
	border: 1px solid #FFD129;
	padding: 10px;
	cursor: pointer;
	color: #636363;
	margin: 0 0 10px 0;
}
.alert img.close {
	float:right;
	margin-top:-9px;
	margin-right:-9px;
	cursor:pointer;
}

.alert2 {
	background: #FFF4A6;
	border: 1px solid #FFD129;
	padding: 10px;
	color: #636363;
	margin: 0;
}

.alert2 img.close {
	float:right;
	margin-top:-9px;
	margin-right:-9px;
	cursor:pointer;
}

/* @end */