/* ----- CSS ----- */

*{
    margin:0;
    padding:0;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}
body, html{
    margin:0;
    padding:0;
    background:#e7e7e7;
    text-align:center;
    margin-bottom:10px;
    color: #333333;
}
a{
    color:#005ea8;
    text-decoration:underline;
    outline: none;
}
    a:hover{
        color:#005ea8;
        text-decoration:none;
    }
    
a.lien-non-soul{
text-decoration: none;
color:#001c71;
font-weight: bold;
padding-left:14px;
padding-top:5px;
margin:0;
list-style:none;
background:url('https://emailing.montpellier3m.fr/images/content_bullet.png') left 9px no-repeat;
}

a:hover.lien-non-soul{
color: #00467d;
text-decoration: underline;
}

.text-bleu-clair{
	color: #005ea8;
}

.text-bleu-clair-bold{
	color: #005ea8;
	font-weight: bold;
}


.text-bleu-fonce{
	color: #00467d;
}
/* ----- IDS ----- */

#container{
    width:1000px;
    margin:10px auto;
    padding:0;
    background:#FFFFFF;
    text-align:left;
}

/* ----- HEADER ----- */

#logo{
    margin:0;
    padding:0;
}
#logo p{
    float:left;
    clear:none;
    height:40px;
    width:40px;
    margin:0;
    padding:0;
    color:#394E06;
    font-family:'Georgia';
    font-weight:normal;
    font-size:20px;
    text-indent:2px;
    line-height:43px;
    letter-spacing:-2px;
}

.subContainer, #navigation ul{
    width:1000px;
    margin:0 auto;    
}

.subContainer a {
	color:#fff;
	font-size:22px;
	font-weight:bold;
	font-family:'Arial';
	text-decoration:none;
	text-transform:uppercase;
}

#header{
    text-align:left;
    margin:0;
    padding:5px 0 5px 10px;
    height:99px;
    background:#005ea8;/*#87b220;*/
}
#banner{
    margin:0;
    padding:0;
    padding-bottom:5px;
    background:#e7e7e7;
}

/* ----- NAVIGATION ----- */

#navigation{
    margin:0;
    padding:0;
    background:#00467d;/*#7fa71f;*/
    height:34px;
    list-style:none;
}
    #navigation li{
        float:left;
        clear:none;
        list-style:none;
    }
    #navigation li a{
        color:#fff;
        display:block;
        font-size:12px;
        text-decoration:none;
        font-weight:bold;
        padding:10px 18px;
    }
    #navigation li a:hover{
        color:#fff;
        background:#005ea8;
    }

	#navigation li.on {
        background:#005ea8;
	}

/* ----- HEADINGS ----- */

h1{
    text-indent:-80000px;
    background:url('https://emailing.montpellier3m.fr/images/logo.gif') no-repeat;
    height:35px;
    width:168px;
}
h2{
    font-family:'Arial';
    font-size:19px;
    letter-spacing:-1px;
    margin-top:7px;
    margin-bottom:12px;
    font-weight:normal;
    color:#00467d;
}
h3{
    font-size:14px;
    font-weight:bold;
    color:#00467d;
    margin:5px 0;
	padding-bottom:10px;
    
}

/* ----- PARAGRAPHS ----- */

p{
    color:#043f4a;
    font-size:11px;    
    line-height:25px;
}
#primaryContent ul{
    color:#043f4a;
    font-size:11px;    
    margin:14px 0;
    list-style:none; 
}
#primaryContent li{    
    padding-left:14px;
	padding-top:5px;
    margin:0;
    list-style:none;
    background:url('https://emailing.montpellier3m.fr/images/content_bullet.png') left 9px no-repeat;
}

#primaryContent ul li span a {
	padding-top:0;
}

/* ----- FORMS ----- */

input{
    background-color: #FFF;
    color: #999999;
    border: 1px solid #CCC;
    font-size: 11px;
    padding: 3px;           
}

button{
    background-color:#EFEFEF;
    line-height:11px;
    color: #000;
    border: 1px solid #CCC;
    font-size: 11px;
    height:20px;
    margin: 0;
    padding: 0 5px;
}
form p{
    padding:2px 0;
}

/* ----- IMAGES ----- */

img{
    border:0;
}
img a{
    border:0;
    text-decoration:none;
}
img a:hover{
    border:none;
}

/* ----- CONTENT ----- */

#primaryContent{
	position: relative;
    width:860px;
    padding:20px 20px 20px 20px;
    border-right:0px solid #e7e7e7;
    font-size:11px;
    float:left;
    clear:none; 
}

#utilisateur{
position: absolute;
left: 670px;
width: 190px;
float: right;
padding: 10px;
border:1px #bfbfbf dashed;
color: #005ea8;
background-color: #f8f8f8;
margin: 0 10px 0 0;
}

/* ----- FOOTER ----- */

#footer{
    margin:0 auto;
    margin-bottom:10px;
    height:10px;
    padding:18px 20px;
    clear:both;
    width:960px;
    text-align:left;
    font-size:10px;
    color:#484848;
    background:#f4f4f4;
}
    #footer #copyright{
		margin:0 auto;
		width:240px;
    }
    #footer #links{
        float:right;
        clear:none;
    }
    #footer a{
        color:#606060;
        text-decoration:none;
    }
    #footer a:hover{
        color:#ccc;
        text-decoration:underline;
    }

/* ----- CLASSES ----- */

.clear{
    clear:both;
}

.no-outline {
	outline:none;
}

img {
	border:none;
	vertical-align:middle;
}

a.no-border {
	border:none;
	text-decoration:none;
}

.spacer {
	clear:both;
}

.middle {
	vertical-align:middle;
}

input, select, textarea {
	font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif;
	font-size: 12px; 
	color: #666;
	vertical-align:middle;
	border:1px #f1f0f0 solid;
}

input.textfield {
	border:1px #f1f0f0 solid;
	padding:2px;
	margin-left:5px;
	margin-bottom: 5px;
	width:150px;
	background:url('https://emailing.montpellier3m.fr/images/back_champs_degrade2.gif') left bottom repeat-x;
}

select.textfield {
	margin-left:5px;
	margin-bottom: 5px;
	}

input.checkboxfield {
	border:1px black dotted;
}

textarea.textfield {
	border:1px #dddddd dotted;
	background-color: #fafafa;
	padding:2px;
	margin-left:5px;
	width:400px;
}

#error {
	background-color:#f7bab0;
	border:1px #b23520 solid;
	color:#000000;
	font-weight:bold;
	padding:20px;
	margin-bottom:5px;
	width:500px;
}

#error a {
	color:#ffffff;
}

#confirm {
	background-color:#e2f7b0;
	border:1px #87b220 solid;
	color:#000000;
	font-weight:bold;
	padding:20px;
	margin-bottom:5px;
	width:500px;
}

#confirm a {
	color:#ffffff;
}

#me {
	position:absolute;
	top:20px;
	left:20px;
	text-align:left;
}


table.jCalendar {
	border: 1px solid #000;
	background: #aaa;
    border-collapse: separate;
    border-spacing: 2px;
}
table.jCalendar th {
	background: #333;
	color: #fff;
	font-weight: bold;
	padding: 3px 5px;
}

table.jCalendar td {
	background: #ccc;
	color: #000;
	padding: 3px 5px;
	text-align: center;
}
table.jCalendar td.other-month {
	background: #ddd;
	color: #aaa;
}
table.jCalendar td.today {
	background: #666;
	color: #fff;
}
table.jCalendar td.selected {
	background: #f66;
	color: #fff;
}
table.jCalendar td.selected.dp-hover {
	background: #f33;
	color: #fff;
}
table.jCalendar td.dp-hover,
table.jCalendar tr.activeWeekHover td {
	background: #fff;
	color: #000;
}
table.jCalendar tr.selectedWeek td {
	background: #f66;
	color: #fff;
}
table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover {
	background: #bbb;
	color: #888;
}
table.jCalendar td.unselectable,
table.jCalendar td.unselectable:hover,
table.jCalendar td.unselectable.dp-hover {
	background: #bbb;
	color: #888;
}

/* For the popup */

/* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */

div.dp-popup {
	position: relative;
	background: #ccc;
	font-size: 10px;
	font-family: arial, sans-serif;
	padding: 2px;
	width: 171px;
	line-height: 1.2em;
}
div#dp-popup {
	position: absolute;
	z-index: 199;
}
div.dp-popup h2 {
	font-size: 12px;
	text-align: center;
	margin: 2px 0;
	padding: 0;
}
a#dp-close {
	font-size: 11px;
	padding: 4px 0;
	text-align: center;
	display: block;
}
a#dp-close:hover {
	text-decoration: underline;
}
div.dp-popup a {
	color: #000;
	text-decoration: none;
	padding: 3px 2px 0;
}
div.dp-popup div.dp-nav-prev {
	position: absolute;
	top: 2px;
	left: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-prev a {
	float: left;
}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
	cursor: pointer;
}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
	cursor: default;
}
div.dp-popup div.dp-nav-next {
	position: absolute;
	top: 2px;
	right: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-next a {
	float: right;
}
div.dp-popup a.disabled {
	cursor: default;
	color: #aaa;
}
div.dp-popup td {
	cursor: pointer;
}
div.dp-popup td.disabled {
	cursor: default;
}

.debug-mode {
font-weight: bold;
color: #00467d;
}

#debug {
	margin-top:25px;
	width:180px;
	height:315px;
	border:1px #bfbfbf dashed;
	overflow:auto;
	padding:6px;
	font-size: 10px;
    color: #005ea8;
    background-color: #f8f8f8;
}

#primaryContent .pagination {
	list-style:none;
}

#primaryContent .pagination li {
	padding:1px;
	margin:1px;
	float:left;
	background:none;
}

#primaryContent .pagination li a {
	border:none;
}

#primaryContent .pagination li a.current {
	color:#000;
}

td.title {
	background-color:#dddddd;
	padding-left:20px;
	color:#00467d;
}

.titre-formul{
font-size: 11px;
font-weight: bold;
color: #00467d;
}

.titre-formul a{
font-size: 11px;
font-weight: bold;
color: #00467d;
text-decoration: none;
}

#formulaires li a, #newsletters li a, #users li a, #lists li a, #contacts li a{
	text-decoration: none;
	font-weight: bold;
	color:#00467d;
	}
	
#formulaires li a:hover, #newsletters li a:hover, #users li a:hover, #lists li a:hover, #contacts li a:hover{
	color:#00467d;
	text-decoration: underline;
	}
	
#fieldList li{
background:url('https://emailing.montpellier3m.fr/images/content_bullet_clair.png') left 10px no-repeat;	
}
	
#fieldList li a{
	text-decoration: none;
	font-weight: bold;
	color:#005ea8;
	}
	
#fieldList li a:hover{
	text-decoration: underline;
	}
	
#users, #lists, #contacts, #formulaires, #newsletters{
	padding: 0 400px 0 25px;
}