/* CSS Document */

* {
	margin:0; padding:0;
	font-size:100%;
}

body{
	background:#14262e url(../images/top-tail.gif) top repeat-x;
	text-align:center;
	color:#c7c7c7;
}

img {vertical-align:top;}
a img { border:0;}

ul { list-style:none;}

.left { float:left;}
.right {float:right;}
.clear  { clear:both;}


html, input, textarea
	{
		font-family:Arial;
		font-size:0.75em;
		line-height:1.167em;
	}

input, select { vertical-align:middle; font-weight:normal;}

a {color:#87A7AB;}
a:hover{text-decoration:none;}
p {padding-top:15px;}

/* ============================= main layout ====================== */

.imgindent {margin:0 20px 0 0; float:left;}
ul .imgindent {margin:0 14px 0 0; float:left;}

.link {background:url(../images/link-bg.gif) no-repeat top right; color:#b3cf06; font-weight:bold; text-decoration:none; padding-right:9px;}
.link:hover {padding-right:13px; text-decoration:underline;}
.box2 .link, .box2a .link {display:block; float:left; margin:8px 0 0 0; padding-left:17px;}
.img {border:1px solid #040404;}

h3 {color:#9bcdd5; font-size:1.5em; line-height:1.01em; font-weight:normal; margin-bottom:5px;}
h4 {color:#0d191c; padding:4px 0 3px 21px;}
h5 {color:#fff; padding:8px 0 0 21px;}

/* ============================= header ====================== */

.menu {float:left; width:923px;}
.menu ul {width:100%; overflow:hidden;}
.menu li {float:left; font-size:0.917em;}
.menu li a {display:block; background:url(../images/menu_bg.gif) top repeat-x; border-right:1px solid #1e4957; border-left:1px solid #296678; padding:6px 21px 6px 22px; color:#b6d6e0; text-decoration:none;}
.menu li a:hover {color:#5296ab; background:url(../images/menu-act-bg.gif) top repeat-x;}
.menu .active {color:#5296ab; background:url(../images/menu-act-bg.gif) top repeat-x;}
.menu .first a {padding:0;border-left:none;}
.menu .first a span {display:block; background:url(images/menu-first-bg.gif) top left no-repeat; padding:6px 26px 6px 29px;}
.menu .first a:hover span {background:url(../images/menu-first-bg-act.gif) top left no-repeat;}
.menu .first .active span {background:url(../images/menu-first-bg-act.gif) top left no-repeat;}

.menu .last a {padding:0;border-left:none;}
.menu .last a span {display:block; background:url(../images/sub-menu-last-bg.gif) top right no-repeat; padding:6px 13px 6px 19px;}
.menu .last a:hover span {background:url(../images/sub-menu-last-bg-act.gif) top right no-repeat;}
.menu .last .active span {background:url(../images/sub-menu-last-bg-act.gif) top right no-repeat;}


.sub-menu {float:left; width:353px;}
.sub-menu ul {width:100%; overflow:hidden;}
.sub-menu li {float:left; font-size:0.917em;}
.sub-menu li a {display:block; background:url(../images/sub-menu-bg.gif) top repeat-x; border-right:1px solid #235d6e; border-left:1px solid #1b768d; padding:6px 13px 6px 16px; color:#12bcd5; text-decoration:none;}
.sub-menu li a:hover {color:#b6d6e0; background:url(../images/sub-menu-bg-act.gif) top repeat-x;}
.sub-menu .active {color:#b6d6e0; background:url(../images/sub-menu-bg-act.gif) top repeat-x;}


.sub-menu .last a {padding:0;border-right:none;}
.sub-menu .last a span {display:block; background:url(../images/sub-menu-last-bg.gif) top right no-repeat; padding:6px 13px 6px 16px;}
.sub-menu .last a:hover span {background:url(../images/sub-menu-last-bg-act.gif) top right no-repeat;}
.sub-menu .last .active span {background:url(../images/sub-menu-last-bg-act.gif) top right no-repeat;}

.logo {margin:30px 0 0 40px;}

/* ============================= content ====================== */

#content {padding:0 54px 0 53px;}

.mainbox {background:#0d191c url(../images/mainbox-tail-top.gif) top repeat-x;}
.mainbox .corner-bottom-right {background:url(../images/mainbox-corner-bottom-right.gif) bottom right no-repeat;}
.mainbox .corner-bottom-left {background:url(../images/mainbox-corner-bottom-left.gif) bottom left no-repeat;}
.mainbox .corner-top-right {background:url(../images/mainbox-corner-top-right.gif) top right no-repeat;}
.mainbox .corner-top-left {background:url(../images/mainbox-corner-top-left.gif) top left no-repeat; width:100%;}
.mainbox .indent {padding:40px 17px 26px 15px;}

.mainbox2 {background:#0d191c url(../images/mainbox-corner-bottom-right2.gif) bottom right no-repeat;}
.mainbox2 .indent {padding:148px 15px 26px 0;}


.box1 {background:#082931 url(../images/box1-tail-top.gif) top repeat-x; margin-bottom:13px;}
.box1 .corner-bottom-right {background:url(../images/box1-corner-bottom-right.gif) bottom right no-repeat;}
.box1 .corner-bottom-left {background:url(../images/box1-corner-bottom-left.gif) bottom left no-repeat;}
.box1 .corner-top-right {background:url(../images/box1-corner-top-right.gif) top right no-repeat;}
.box1 .corner-top-left {background:url(../images/box1-corner-top-left.gif) top left no-repeat; width:100%;}
.box1 .indent {padding:20px 2px 2px 2px;}

.sub-box {background:url(../images/sub-box-tail-top.gif) top repeat-x;}
.sub-box .corner-top-right {background:url(../images/sub-box-corner-top-right.gif) top right no-repeat;}
.sub-box .corner-top-left {background:url(../images/sub-box-corner-top-left.gif) top left no-repeat; width:100%;}
.sub-box .indent {padding:20px 20px 20px 17px;}
.extra {padding:0 20px 20px 17px;}

.box2 {background:#262828 url(../images/box2-tail-top.gif) top repeat-x;}
.box2 .corner-bottom-right {background:url(../images/box2-corner-bottom-right.gif) bottom right no-repeat;}
.box2 .corner-bottom-left {background:url(../images/box2-corner-bottom-left.gif) bottom left no-repeat;}
.box2 .corner-top-right {background:url(../images/box2-corner-top-right.gif) top right no-repeat;}
.box2 .corner-top-left {background:url(../images/box2-corner-top-left.gif) top left no-repeat; width:100%;}
.box2 .indent {padding:10px 7px 13px 7px;}

.box2a {background:#262828 url(../images/box2-corner-bottom-right.gif) bottom right no-repeat;}
.box2a .corner-bottom-left {background:url(../images/box2-corner-bottom-left.gif) bottom left no-repeat;}
.box2a .corner-top-right {background:url(../images/box2a-corner-top-right.gif) top right no-repeat;}
.box2a .corner-top-left {background:url(../images/box2a-corner-top-left.gif) top left no-repeat; width:100%;}
.box2a .indent {padding:9px 7px 13px 7px;}
.box2a .box3 a {color:#ffba00; text-decoration:none; font-size:0.917em;}
.box2a .box3 a:hover {text-decoration:underline;}
.box2a .box3 .img {margin-bottom:3px;}

.box3 {background:#1b1c1c url(../images/box3-corner-bottom-right.gif) bottom right no-repeat; line-height:1.25em;}
.box3 .corner-bottom-left {background:url(../images/box3-corner-bottom-left.gif) bottom left no-repeat;}
.box3 .corner-top-right {background:url(../images/box3-corner-top-right.gif) top right no-repeat;}
.box3 .corner-top-left {background:url(../images/box3-corner-top-left.gif) top left no-repeat; width:100%;}
.box3 .indent {padding:14px 7px 9px 16px;}
.box3 .indent2 {padding:14px 18px 9px 16px;}
.box3 strong {color:#ffba00;}
.box3 p {padding-top:15px;}

.tabs {padding:21px 0 0 17px;}
.tabs ul {width:100%; overflow:hidden;}
.tabs li {float:left; padding-right:1px;}
.tabs li a {display:block; background:url(../images/tab-tail-bg.gif) top repeat-x; color:#fff; font-weight:bold; text-decoration:none;}
.tabs li a span {display:block; background:url(../images/tab-right-bg.gif) top right no-repeat;}
.tabs li a span span {display:block; background:url(../images/tab-left-bg.gif) top left no-repeat; padding:7px 22px 7px 22px;}
.tabs li a:hover {background:url(../images/tab-tail-bg-act.gif) top repeat-x; color:#d4dbdd; font-weight:bold; text-decoration:none;}
.tabs li a:hover span {background:url(../images/tab-right-bg-act.gif) top right no-repeat;}
.tabs li a:hover span span {background:url(../images/tab-left-bg-act.gif) top left no-repeat;}
.tabs .active a {background:url(../images/tab-tail-bg-act.gif) top repeat-x; color:#d4dbdd;}
.tabs .active a span {background:url(../images/tab-right-bg-act.gif) top right no-repeat;}
.tabs .active a span span {background:url(../images/tab-left-bg-act.gif) top left no-repeat;}

.banner1 {position:relative; margin-right:-1px;}
.banner3 {margin-bottom:3px;}

.padding1 {padding-top:7px;}
.padding2 {padding-right:4px;}
.padding3 {padding:0 0 0 17px;}
.padding4 {padding-top:15px;}
.margin1 {margin-top:11px;}

.fs10 {font-size:0.833em; font-family:arial;}
.fs10 a {color:#ffba00; text-decoration:none;}
.fs10 a:hover {text-decoration:underline;}
.color2 {color:#b3cf06;}
.color2 a {color:#b3cf06;}

.list li {padding-bottom:3px;}
.list li a {background:url(../images/box3-corner-bottom-right.gif) bottom right no-repeat #1b1c1c; display:block; text-decoration:none; color:#aeaeae; line-height:1.25em;cursor:pointer;}
.list li a span {background:url(../images/box3-corner-bottom-left.gif) bottom left no-repeat; display:block;}
.list li a span span {background:url(../images/box3-corner-top-right.gif) top right no-repeat;}
.list li a span span span {background:url(../images/box3-corner-top-left.gif) top left no-repeat; width:100%;}
.list li a em { padding:14px 20px 14px 15px; font-style:normal; display:block;}
.list li a strong {color:#ffba00;}
.list li b {display:block; width:100%; overflow:hidden; font-weight:normal;}
.list-special li a {color:#dfdfdf;}
.list-special li a em {padding:9px 20px 11px 16px;}

.list li a:hover {background:url(../images/box3-corner-bottom-right-hover.gif) bottom right no-repeat #383a3a;}
.list li a:hover span {background:url(../images/box3-corner-bottom-left-hover.gif) bottom left no-repeat;}
.list li a:hover span span {background:url(../images/box3-corner-top-right-hover.gif) top right no-repeat;}
.list li a:hover span span span {background:url(../images/box3-corner-top-left-hover.gif) top left no-repeat;}

/* ============================= footer ====================== */

#footer a {color:#b3cf06; text-decoration:none;}
#footer a:hover {text-decoration:underline;}
#footer span {color:#656565;}

/* ============================= forms ============================= */

.forms {position:absolute; margin:-40px -54px 0 0; height:188px; background:url(../images/forms.jpg) top left no-repeat;}
.beaver {position:absolute; margin:35px 0 0 190px; height: 85px;}
.relative {position:relative;}


#SearchForm { background:url(../images/searchform-tail-bg.gif) top repeat-x; width:333px; margin-right:15px;}
#SearchForm .right-bg {background:url(../images/searchform-right-bg.gif) top right no-repeat; width:100%;}
#SearchForm .left-bg {background:url(../images/searchform-left-bg.gif) top left no-repeat; width:100%;}
#SearchForm .indent {padding:10px 10px 10px 14px;}
#SearchForm .input {width:211px; height:21px; border:1px solid #1e7a89; background:#d8f2f9; padding:0 0 0 5px; font-size:1em; color:#193a44; position:relative; margin:0 7px 0 5px;}
#SearchForm span {color:#e6f2f4; text-transform:uppercase; font-size:11px;}

#LoginForm .rowi {height:26px;}
#LoginForm {color:#adecff; padding:14px 0px 46px 30px;}
#LoginForm .input {width:96px; height:20px; border:1px solid #09272c; background:#18708a; padding:0 0 0 5px; font-size:1em;}
#LoginForm a {text-decoration:none; color:#b3cf06;}
#LoginForm a:hover {text-decoration:underline;}
#LoginForm .col-1 {width:180px !important;}
#LoginForm .col-2 {width:55px !important;}
#LoginForm .rowi .col-1 {width:64px !important; padding-right:6px; text-align:right;}
#LoginForm .rowi .col-2 {width:110px !important;}

textarea {width:193px; height:122px; border:1px solid #FFFFFF; background:none; padding:0 0 0 5px; overflow:auto; font-size:1em;}

/* ============================= Boutique ============================= */ 
.altcolor {
	position:relative;
	text-align: center;
}

.altcolor input{
	 color:Black;
     background-color:#e6f2f4;
     font-size:12px;
     font-family:arial;
}

.altcolor option{
	 color:Black;
     background-color:#e6f2f4;
}
#boutique {

}

#boutique  form{	
		margin: 10px 0px 0 px;
}

#boutique  img {
	border:0;
}

#boutique  td.total {
	font-weight:bold;
}

#boutique  input.submit {
	background:#A40013;
	color:#FFFFFF;
	 border: 2px outset #d7b9c9;
}



/* ============================= Barre de perso connecté ============================= */ 
.progressBar {
	position:relative;
	display:block;
	width:200px;
	height:35px;
	background:url(../images/barre.gif) no-repeat 0 0;
	top:2px;
	left:0px;
	font-weight: bold;
	overflow:hidden;
}
.progressBar em{
	position:absolute;
	display:block;
	width:200px;
	top:0px;
	height:35px;
	background:url(../images/block.gif) repeat-x 0 0;
}

.progressBar p{
position:absolute;
top:-10px;
width:140px;
color:#87A7AB;
text-align: center;
}

/* Les styles de texte */
.bold
{
	font-weight: bold;
}


/* Les formulaires de la page */
	#mainPart form
	{
			margin: 0px;
			margin-bottom: 7px;
			padding: 0px 11px 0px 14px;
			background: none;	
	}
		#mainPart form p
		{
				margin: 1px;
				padding: 0px;
				background: none;			
		}

		#mainPart .field
		{		position:relative; 
				width : 400px;
				margin: 3px;
				padding: 3px;
				background: none;
				border: 1px solid #d8d8d8;
		}
		
		#mainPart .submit_field
		{	
				width : 60px;
		}
		
		
		#mainPart form label
		{
			display:block;
			width:200px;
			float:left;				
		}
		#mainPart form input[type="submit"], #mainPart form input[type="button"]
		{
			display: block;
			margin-left: auto;
			margin-right: auto;
			margin-top: 20px;
			color: black;
			margin-bottom: 0px;	
			background: white;		
		}
		#mainPart form input[type="text"], #mainPart form input[type="password"]
		{
			
			background: none;
			border-bottom: 1px dashed #175c42;
			margin-bottom: 0px;
			width: 190px;
			height: 20px;
			font-size:15px;
			background: white;		
		}
		#mainPart form input:focus
		{
			background-color: #DDF3FF;
		}
		form textarea
		{
			width: 100%;
			height: 100px;
			border: none;
			background: url('../../templates/images/ligne.png') top center repeat;
		}
		
	/* erreur */
.error {height: 22px;
				position:relative; 
				width : 400px;
				text-align: center;
				font-size:15px;
				color:red;
				border: 1px solid #d8d8d8;
				background-color:red;
}

/* ============================= Tableau ============================= */
#tab strong {
color:#ffba00;
}

#tab .donnees {
 border : 1px solid #0d191c;
 background: #103740;

}
#tab .donnees2 {
 background: #082931;

}
#tab  td {
 background: #082931;
 text-align:center;
}

#tab  table {
 border : 1px solid #0d191c;
 background: #103740;
}