/************************************************
*		Copyright I-Digitale 2008				*
*		Tout droits de reproduction interdits	*
*		http://www.i-digitale.fr				*
************************************************/
html {
	overflow:scroll;
	overflow-x:auto;	/*Pour opera */
}

body {
	color: #006666; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align:center; /*Pour IE */
	margin:0;
}

img{border:0;}
/*form {margin:0;}*/

a:link { color: #44A2C7; text-decoration: none; }
a:visited { color: #44A2C7; text-decoration: none; }
a:hover { color: #006666; text-decoration:underline; }
a:active { color: #44A2C7; text-decoration: none; }

a.ilnk {text-decoration:none;display:-moz-inline-box;display:inline-block; padding:0px 1px; padding-bottom:2px; padding-right:2px;}
a.ilnk img {display:-moz-inline-box;display:inline-block;text-decoration:none;position:relative;top:2px;margin-right:1px;}
a.ilnk span {display:-moz-inline-box;display:inline-block;text-decoration:underline;position:relative;top:-2px; cursor:pointer;}
a.ilnk:hover {color:#fff;background-color:#006666;}


p {line-height: 14px }

.titre{
	text-align:center;
	text-transform:uppercase;font-size: 12px; font-weight: bold; text-decoration: none; word-spacing: 1px; letter-spacing: 1px;
	border-bottom:1px solid #FF3399;
	margin-bottom:10px;
}

input[type="text"], input[type="password"]{
	font-size:10px;
	color:#006666;
	height:15px;
}

/************************************/
/* ----- Barre de Navigation -----	*/
/************************************/

#nav a {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-weight: bold; 
	line-height: 29px; 
	text-decoration: none;
	border-bottom:none; 
	width:130px;
	background-repeat: no-repeat; 
	background-attachment: inherit;
	background-position: 2px center;
	display:block;
	margin-top:1px;
	padding:0px 15px;
	text-align:left;
	color: #006666;
	
}


#nav li.on > a{background: url("../images/chevron_left.png") 2% 50% no-repeat;}
#nav li:hover >a{ background: url("../images/chevron_left_white.png") 2% 50% no-repeat;}

#nav li {display:block;position:static;list-style:none;margin:0px; padding:0px; border:0;}
#nav li a {display:block;margin:0; padding: 0.25em 0 0.25em 15px; text-decoration: none;line-height:15px;width:114px;}
#nav ul {display:block; width:130px; margin:0px 20px 0px 0; padding:0;}

#nav ul.level1{z-index:5;}
#nav ul.level1 > li{z-index:6; margin-top:10px;}
#nav ul.level1 li a{z-index:7;/*margin-bottom:10px;*/}
#nav ul.level2{z-index:10;}
#nav ul.level2 li{z-index:11;}
#nav ul.level2 li a{z-index:12;margin:0px;}
#nav ul.level3 {z-index:15;}
#nav ul.level3 li{z-index:16;}
#nav ul.level3 li a{z-index:17;}



#nav ul ul {width:128px;display:none;margin:0;}
#nav ul.level2 {position:absolute;top:-1px;right:-100px;}
#nav ul.level3 {position:absolute;top:-1px;right:-100px;}

#nav li.submenu:hover {position:relative;}
#nav ul.level1 li:hover > a{color:white;width:114px;}

/*#nav li.submenu > a {background: url("../images/navigation/chevron-d_01.gif") 2% 50% no-repeat;}
#nav li.submenu > a:hover {background: url("../images/chevron.png") 2% 50% no-repeat;}*/

#nav ul.level1 li.submenu:hover ul.level2 {display:block;z-index:10;}
#nav ul.level2 li.submenu:hover ul.level3 {display:block;z-index:15;}




/************************************/
/* -----Points d'information ------	*/
/************************************/
div.i_obs{
	display:inline;
	margin-top:-5px;
	margin-right:10px;
	color:#666;
	font-size:10px;
	text-transform:none;
	font-weight:normal;
	border:1px solid #FF3399;
	width:10px;
	height:16px;
	text-align:center;
	margin:0 0 0 5px;
	padding:0 2px;
	z-index:100;
}

.i_obs:hover{
	background-color:#ccffcc;
	color:#006666;
	cursor:default;
}

div.obs {
	display:none;
	font-size:10px;
	text-transform:none;
	font-weight:normal;
	word-spacing:normal;
	letter-spacing:normal;
	position:absolute; width:300px; text-align:center;
	margin-top:10px;
	margin-left:-10px;
	padding:5px;
	/*background:url("../base/images/fond_bordeaux_op80_1x1.png"); background-repeat:repeat;*/
	background-color:#ccffcc;
	color:#006666;
	z-index:100;
}


.i_obs:hover > div.obs {display:inline;}

/************************************/
/*  -----  identification   ------	*/
/************************************/
#form_identification {
	padding:0;
	margin:0 auto;
	width:140px;
	text-align:center;
}

#form_identification .etiquette{
	font-size:10px;
	text-align:center;
}

#form_identification .champ input[type="text"], input[type="password"]{
	padding:0; margin:0;
	border:1px solid #CCE0E0;
	width:130px;
	margin-bottom:5px;
}

#form_identification .bouton_valid {
	padding:0; margin:0;
	font-size:10px;
	color:#006666;
}


/********************************
*	Formulaire en générale		*
********************************/

.formulaire {
	border-collapse:collapse;
	width:100%;
}

#col1 {
	width:150px;
}

.champ {
	vertical-align:top;
	color:#333;
}
.champ textarea{
	width:95%;
	display:block;
	margin:0 auto;
}


.message {
	vertical-align:top;
	text-align:left;
	color:#333;
}

.titre_form {
	color: #006666; font-size: 11px; font-weight: bold; text-decoration: none; word-spacing: 1px; letter-spacing: 1px;
	text-transform:uppercase;
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
	border-bottom:1px solid #FF3399;
}

.etiquette {
	text-align:right;
	padding-top:5px;
	padding-right:10px;
	vertical-align:top;
}
.etiquette.left {
	text-align:left;
}

.err_msg {height:10px; background-color:#FFFFCC;}
.field_err {background-color:#FFFFCC;}

.boutons {	
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
	/*border-top:1px solid #44A2C7;*/
	border-top:1px solid #FF3399;
}

.separation_pj {
	background:url("../images/px_cdffd1_100.png"); background-repeat:repeat-x; background-position:center;
}

.separation_pj div{
	background-color:#ffffff;
	color:#64a2a2;
	border:1px solid #cdffd1;
	font-style:italic;
	width:80px;
	margin:-3px auto 0 auto;
	text-align:center;
}

.div_char_indic {color:#666666;}
.div_char_indic input{
	width:25px;
	text-align:right;
	margin-right:0px;
	border:0;
	background:none;
	color:#666;
	padding:2px 5px;
	vertical-align:middle;
}