* { padding: 0; margin: 0; }

ul { list-style-type: none; }

.clear_both { clear: both; height: 0; }

a { color:#1670a9; text-decoration:none; }
a:hover { color:#092c57; text-decoration:none; }

img{
border:0;
}

body
{
	background:#d7d4d3 url(../img/background.jpg) top repeat-x;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}

/* STYLE DES TABLEAUX ET TXT DU CMS */

h1{
}

h2{
color:#1C1C1C;
font-size:16px;
font-weight: 200;
margin: 0 0 10px 0;
}

h3{
color:#1C1C1C;
font-size:14px;
font-weight: 200;
margin: 20px 0 10px 0;
}

p{
	color:#1C1C1C;
}

hr{
border:1px dotted #666666;
margin:20px 0 0 20px;
}

table.liste{
margin: 10px 0 10px 0;
border: 2px solid #0072ba;
border-collapse:collapse;
width:100%;
}

table.liste th{
padding: 5px;
color:#FFFFFF;
font-size:13px;
font-weight:bold;
border-bottom:1px solid #000000;
background:url(../img/background_bande.jpg) repeat-x top;
background-color:#1570a9;
border-left:1px dotted #0099cc;
text-align:left;
}

table.liste th .th_order{
color:#FFFFFF;
font-size:13px;
font-weight:bold;
display: block;
}
table.liste th .th_order:hover{
color:#FFFFFF;
text-decoration: underline;
}

table.liste td{
height:30px;
padding:5px;
background-color:#ffffff;
border-left:1px dotted #dddddd;
}

table.liste .thimg{
width:50px;
text-align:center;
}

table.liste .thimg2{
width:100px;
text-align:center;
}

table.liste .thimg3{
width:150px;
text-align:center;
}

table.liste .thimg4{
width:200px;
/*text-align:center;*/
}

table.liste .altered td{
background:#f9f9f9;
}

fieldset{
margin: 20px 0 20px 0;
background-color:#fff;
padding:10px;
}

fieldset table{
width:100%;
}

fieldset table td{
padding: 5px;
text-align:left;
}


legend{
margin:0 10px 0 10px;
padding:10px;
font-size:13px;
font-weight:bold;
}

textarea{
text-align:left;
}

.aligncenter{
text-align:center;
}

form{
}

/* --------- */

#langs_tabs{}

#tab_fr{}

#tab_en{}

#tab_nl{}

#langs_tabs .tab{cursor:pointer;float:left; height:30px; width:30px; line-height:30px; text-transform:uppercase; color:#cccccc;font-weight:200; border:1px solid #cccccc; background:#fff; text-align:center; margin: 5px 15px 5px 0 ; }

#langs_tabs .selected{cursor:default;color:#ffffff;font-weight:bold; border-top:1px solid 0e8edf; border-left:1px solid 0e8edf; border-bottom:1px solid #09466c; border-right:1px solid #09466c; background:#1570A9;}

#langs_tabs .tab a{cursor:pointer; color:#cccccc;background:#fff; display:block;width:30px;height:30px;}

#langs_tabs .selected  a{cursor:default; color:#ffffff; font-weight:bold; background:#1570A9;}

.filtre select
{
	max-width: 200px;
}

/* --------- */

label{
color:#333333;
font-weight:800;
}

/*
input{
border:1px solid #999999; border-top:1px solid #000000; border-left:1px solid #000000;
padding:3px;
}*/

.submit input{
background-color:#1670a9;
text-align:center;
color:#FFFFFF;
font-weight:bold;
padding:5px;
border:1px solid #999999; border-bottom:1px solid #000000; border-right:1px solid #000000;
}

.bouton{
background-color:#1670a9;
text-align:center;
color:#FFFFFF;
font-weight:bold;
padding:5px;
border:1px solid #999999; border-bottom:1px solid #000000; border-right:1px solid #000000;
}

.bouton hover{
background-color:#A4E7FF;
}

.filtre{
text-align:right;
margin: 40px 0 0 0;
line-height:30px;
height:30px;
}

.filtre input {
padding:2px;
}

.filtre select {
padding:2px;
}

.filtre .submit{
/*background:#1570A9;
color:#FFFFFF;
font-weight:bold;
border-color:#999999 #000000 #000000 #999999;*/
width:80px;
}

.input{
background-color:#f1f1f1;
padding:8px;
}

/*
.input input{
width:300px;
}

.input .checkbox{
width:0px;
}

.input .radio{
width:0px;
}
*/

.input .text{
width:300px;
}

td .text{
width:300px;
}

.input select{min-width:150px;}

.label{
width:200px;
vertical-align:top;

}

.value{
background-color:#f1f1f1;
padding:15px;
}

.blue{
background-color:#1670a9;
}

/* MESSAGES D'INFO */

#applicationMessage {
padding: 7px;
}

#errors{
color:#fff;
font-weight:bold;
padding:8px 8px 8px 33px;
background:#D80000 url(../img/error.png) left no-repeat;
border-top:2px solid red;
border-left:2px solid red;
border-bottom:2px solid #8E0015;
border-right:2px solid #8E0015;
font-size:10px;
/*margin: 0 0 20px 0;*/
}

.attention {
color: #4E2405;
font-weight:bold;
padding:8px 8px 8px 33px;
background:#FFCC00 url(../img/error.png) left no-repeat;
border-top:2px solid #FFFF00;
border-left:2px solid #FFFF00;
border-bottom:2px solid #FF9900;
border-right:2px solid #FF9900;
font-size:10px;
/*margin: 0 0 20px 0;*/
}

#messages{
color:#fff;
font-weight:bold;
padding:8px 8px 8px 33px;
background:#1670a9 url(../img/info.png) left no-repeat;
border-top:2px solid 0e8edf;
border-left:2px solid 0e8edf;
border-bottom:2px solid #09466c;
border-right:2px solid #09466c;
font-size:10px;
/*margin: 0 0 20px 0;*/
}

/**/


/*
	GAUCHE
*/

#adminLogin{
width:500px;
margin:auto;
}

#adminTop
{
	float: left;
	height:75px;
	width:100%;
	max-width : 1400px;
	background:url(../img/header.jpg) no-repeat left;
}

#adminContent{
width:100%;
max-width:1400px;
}

#adminLeft
{
	margin: 10px 0 0 10px;
	width :270px;
	vertical-align:top;
}

#adminLeft #logo
{
	margin: 0 0 20px 0;
	padding: 0 0 0 20px;
}

#adminLeft .adminBox
{
	width:250px;
	font-size:12px;
	color:#333333;
	font-weight:bold;
	margin: 0 0 10px 10px;
}

#adminLeft .adminBox .boxTop { height:12px; background: url(../img/menu_top.gif) top no-repeat; }
#adminLeft .adminBox .boxMiddle { background: url(../img/menu_middle.gif) top repeat-y; }
#adminLeft .adminBox .boxBottom { height:12px; background: url(../img/menu_bottom.gif) top no-repeat; }

#adminLeft .boxTitle
{
	line-height:32px;
	font-size:14px;
	color:#333333;
	margin:0 10px 0 10px;
	padding: 0 0 0 30px;
	border-bottom:2px solid #CCCCCC;
}

#adminLeft .boxContent { font-size: 10px; padding: 10px; }
#adminLeft .boxMore { text-align: right; padding: 0 10px 0 0; }


/* Box admin */

/*#adminLeft .admin*/ .connectedAs
{
	padding: 10px 10px 10px 10px;
	font-size: 10px;
	font-weight:200;
	text-align:center;
}

/*#adminLeft .admin*/ .logout
{
	background: url(../img/m_deconnexion.gif) left no-repeat;
	padding: 0 0 0 25px;
	margin: 0 0 0 15px;
	float:left;
	font-size:11px;
	height:15px;
}

/*#adminLeft .admin*/ .back
{
	background: url(../img/m_retour.gif) left no-repeat;
	padding: 0 0 0 25px;
	margin: 0 0 0 10px;
	float:left;
	font-size:11px;
	height:15px;
}

p.supportMessages
{
	padding: 10px 10px 10px 10px;
	font-weight:200;
	text-align:center;
}

p.supportMessages a{
	/*color:#751717*/
	font-weight: bold;
}

p.supportMessages span.newMessageNumber
{
	background: url(../img/enet_support/nw_msg.jpg) top no-repeat;
	color: white;
	font-weight:bold;
	padding: 3px 5px 3px 5Px;
}

p.contacterSupport
{
	text-align:center;
	padding: 0 0 0 0;
	/*margin: 0 0 0 10px;*/
	font-size:11px;
	height:15px;
}

.boxTop { width: 250px; height:12px; background: url(../img/menu_top.gif) top no-repeat;}
.boxMiddle { width: 250px; background: url(../img/menu_middle.gif) top repeat-y; }
.boxBottom { width: 250px; height:12px; background: url(../img/menu_bottom.gif) bottom no-repeat; }

#adminLeft .menu ul li a
{
	display:block;
	height:32px;
	line-height:32px;
}
#adminLeft .menu ul li a img { margin: 0 0 0 7px; vertical-align:middle; }
#adminLeft .menu ul li a:hover { background: #dddddd; }
#adminLeft .menu ul li.selected a { background: #1570a9; color: white; }

#adminLeft .menu ul li.sub{
	border-bottom:1px solid /*#d6efff*/ #DDDDDD;
	height:25px;
}

#adminLeft .menu ul li.sub a
{
	height: 20px;
	line-height: 20px;
	margin: 0 1px 0 1px;
	padding: 2px 0 2px 35px;
	background: #F7F7F7;
	color: #666666;
}

#adminLeft .menu ul li.sub a:hover
{
	color: #1C1C1C;
}

#adminLeft .menu ul li.sub_selected a{
background-color:/*#d6efff*/ #CCCCCC;
color: #333333;
}

/* Box actualite */
#adminLeft .actualite .boxTitle { background: url(../img/m_title_actu.gif) left no-repeat; }

/* Box aide */
#adminLeft .aide .boxTitle { background: url(../img/m_title_aide.gif) left no-repeat; }
#adminLeft .aide .telephone { color:#1670a9 }

/*
	DROITE
*/

#adminRight
{
	padding: 20px 0 0 20px;
	vertical-align: top;
}

#adminRight #breadcrumbs
{
	line-height:32px;
	background: url(../img/cadenas01.png) left no-repeat;
	padding: 0 0 0 24px;
	font-size:10px;
	color:#cccccc;
	font-weight:bold;
}

#adminRight h1.page_title
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:300;
	color:#333333;
	margin:10px 0 20px 0;
}

#adminRight .component
{
	width:102px;
	height:125px;
	font-size:12px;
	float:left;
	text-align:center;
	/*padding: 20px 20px 20px 0;*/
	margin: 0 0 20px 0;
}

#adminRight .component a
{
	font-weight:bold;
}

#adminRight .component img
{
	width:102px;
	height:102px;
	border:none;
}

/*
	Popup
*/
.popup
{
	position: absolute;
	left: 300px;
	z-index: 1000;
	text-align: justify;
	border-collapse: collapse;
	display: none;
	color: #333;
}

.popup .top .left      { height: 10px; width:10px; background: bottom right url(../img/popup_top_left.png) no-repeat; }
.popup .top .center { height: 10px; background: bottom url(../img/popup_line.png) repeat-x; }
.popup .top .right   { height: 10px; width:10px; background: bottom left url(../img/popup_top_right.png) no-repeat; }

.popup .middle .left { width: 10px; background: right url(../img/popup_line.png) repeat-y; }
.popup .middle .center { background: white; }
.popup .middle .center .popupTitle { background-color: #397eae; padding: 4px; color: #eee; margin: 0 0 10px 0; font-size: 12px; }
.popup .middle .center .popupError { background-color: #d25656; padding: 4px; color: #eee; margin: 0 0 10px 0; font-size: 12px; }
.popup .middle .center .popupBottom { text-align: right; border-top: 1px solid #ccc; background-color: #eee; padding: 4px 5px 4px 5px; margin: 10px 0 0 0; }
.popup .middle .center { padding: 3px; }
.popup .middle .right { width: 10px; background: left url(../img/popup_line.png) repeat-y; }

.popup .bottom .left      { height: 10px; width:10px; background: top right url(../img/popup_bottom_left.png) no-repeat; }
.popup .bottom .center { height: 10px; background: top url(../img/popup_line.png) repeat-x; }
.popup .bottom .right   { height: 10px; width:10px; background: top left url(../img/popup_bottom_right.png) no-repeat; }

#popUpOverlay 
{
	position: absolute;
	left: 0;
	width:100%;
	background-color: #000; /* set the Milkbox overlay color // opacity: see the js options */
	z-index:100;
}


.tool-tip {
	color: #fff;
	width: 160px;
	z-index: 13000;
}
 
.tip-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #9FD4FF;
	padding: 8px 8px 4px;
	background: url(../img/bubble.png) top left;
}
 
.tip-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: url(../img/bubble.png) bottom right;
}

#footer {
	margin: 15px auto 15px auto;
	text-align: center;
}