/*** General styles ***/

/** Eric Meyer Reset - http://meyerweb.com/eric/tools/css/reset/ **/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q {quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none;}
table { border-collapse: collapse; border-spacing: 0; }


/******** Custom CSS *********/

body {
	width:100%;
	height:100%;
	background: #fff url('../images/main_back.png') top left repeat-x;
	font-family:verdana,arial,sans-serif;
    font-size: 11px;
	line-height:1.2em;
	
}

img { border: 0; vertical-align: middle;}
p, ul, ol, form, table { margin: 0 0 20px; }
	ul, ol { margin-left: 20px; }

	a {
	text-decoration: underline;
	color: #08abe9;
	padding:0;
	}
		a:hover {
		color: #666;
		}
		
	a.btn	{
		padding: 5px 20px;
		color: #fff;
		font-weight: bold;
		background-color: #08abe9;
		border: 2px solid #888;
		}

#wrapper {display:block;}
#header {display:block;height:82px;}

#header .logo {border:none;}

/******** Navigation **********/

#nav {
	display:block;
	height:45px;
	clear:both;
}

#nav ul {
	display:block;
	height:45px;
		
}

#nav ul li {
	display:inline;
	font: 13px/40px Verdana, Sans-Serif;
	color:#08abe9;	
	height:45px;
	text-align:center;
}

#nav li a {margin:0 6px;
}

#nav ul li.last { }

#nav ul li a:link, #nav ul li a:visited  {color:#dedede;text-decoration:none;  }
#nav ul li a:hover, #nav ul li a:active  {color:#08abe9;text-decoration:none;  }

#nav ul li.select {
	background:;
	
}

#nav ul li.select a:link, #nav ul li.select a:visited  {color:#000;text-decoration:none; }
#nav ul li.select a:hover, #nav ul li.select a:active  { color:#000;text-decoration:none; }

#login_box {float:right;height:60px;padding-top:12px;text-align:right;clear:both;line-height:18px;}
#login_box img {float:right;margin: 3px 0 0 8px;height:48px;}
#login_box h4 {margin:0;padding:0;font-size:16px;font-style:italic;color:#08abe9;}
#login_box p {margin:0;padding:0;color:#666;}

#login_box a {margin:0;padding:0;line-height:12px;}




/******** Content ************/

#content-wrapper {
	min-height:200px;
	background:none;
	background-color:#fff;
	color:#333;		
}
#content-inner {
	padding-top:20px;
	color:#444;
	
}

#content-inner ul li {
	list-style-image : url('../images/bullet-2.png');
	padding:3px 0;
	margin-left:20px;
	}
	
#content-inner	ul.errors {margin:5px 0 0 0;list-style-type:none;list-style-position:outside;} 
#content-inner	ul.errors li { 
		margin: 0;
		padding: 8px 8px 8px 40px;
		font-weight: normal;
		background: #fff no-repeat 15px center;
		border: 1px solid #ddd;color: #9e1111; 
		background-color: #f5e8e8; 
		background-image: url(../images/error.png); border-color: #dfb2b2;
		list-style-type:none;
		list-style-image:none;
		 }

	

#col {	
	background: url('../images/column-shadow-l.png') top right no-repeat;
	padding-right:20px;
	min-height:360px;
 }

#col p {padding-left:20px;color:#666;}



#main-shadow {
	position: relative;
	left: -20px;
	top:-20px;
	width: 20px;
	height: 192px;
	background: url('../images/page-shadow-l.png') 0 0 no-repeat;
}

#main-shadow2 {
	position: relative;
	top:-212px;
	left: 960px;
	width: 20px;
	height: 192px;
	background: url('../images/page-shadow-r.png') top left no-repeat;
}

#footer {
	height:75px;
	position:relative;
	width:100%;
	bottom:0px;
	display:block;
	text-align:left;
	clear:both;
	border-top:1px solid #ddd;
	background-color:#ddd;
	margin-top:50px;
	
	
}
#footer-inner {margin:0 auto;padding-top:17px;padding-left:30px;color:#666;}

.pad-foot {padding-top:11px;}

/* Forms */
form p { margin: 0 0 10px; }
label.qs_label {
display: block;
float:left;
margin-right:10px;
padding-top:2px;
color: #444;
font: 13px/20px Arial, Sans-Serif;
}

label {
display: block;
color: #444;
font: 13px/20px Arial, Sans-Serif;
margin-top:5px;
}
	label span {
	margin: 0 0 0 5px;
	font-size: 10px;
	color: #999;
	}
		label span a { color: #999; }
			label span a:hover { color: #777; }
input, textarea, select {
padding: 7px;
font: 11px/18px Verdana, Sans-Serif;
color: #08abe9;
font-weight:bold;
border: 1px solid #ddd;

}

:focus {border:1px solid #08abe9;}

	input.small, select.small { width: 25%; }
	input.medium, select.medium { width: 400px; }
	input.large, select.large { width: 96%; }
		.sidebar input.large, .sidebar select.large, #login input.large { width: 90%; }
	textarea.small { width: 250px; height: 150px; }
	textarea.slim { width: 600px; height: 20px; }
	textarea.large { width: 600px; height: 150px; }

	input.button {
	padding: 5px 20px;
	color: #fff;
	font-weight: bold;
	background-color: #08abe9;
	border: 2px solid #888;
	}
		input.button:hover {
		cursor: pointer;
		background-color:#06759f;
		}
		
	input.qs_input {width:300px;}
	/* Messages next to the inputs */
	.formerror {
	padding: 0 0 0 20px;
	font-weight: bold;
	color: #9e1111;
	background: url(../images/icons/error.png) no-repeat left center;
	}
	.formsuccess {
	padding: 0 0 0 20px;
	font-weight: bold;
	color: #11a322;
	background: url(../images/icons/success.png) no-repeat left center;
	}
	.hint {
	font-size: 10px;
	font-style: italic;
	color: #999;
	}
	
/* Table styles */
table {
width: 100%;
border-collapse: collapse;
font-size:10px;
}
	th, td { padding: 10px; vertical-align:top;}
	th {
	padding: 5px 10px;
	font-weight: normal;
	color: #fff;
	background: #ccc url(../images/th.png) repeat-x;
	border-bottom: 1px solid #aeaeae;
	text-align:left;
	}
	td {
	color: #666;
	background: #fff;
	border-bottom: 1px solid #eee;
	}
	td.action {
	color: #999;
	background: #fff;
	border-bottom: 1px solid #eee;
	}
   
	
		tr.alt td { background: #f9f9f9; }
		td.pagination, td.pagination:hover {
		padding: 5px 10px;
		text-align: right;
		color: #fff;
		background: #ccc url(../images/th.png) repeat-x;
		border-top: 1px solid #aeaeae;
		}
			td.pagination strong { font-weight: normal; }
			td.pagination a { color: #eee; border: 0; }
				td.pagination a:hover { color: #fff; }
		td.options { text-align: center; }
			td.options a { border: 0; }
	
			
/******* others *************/

h2 {
margin: 0;
padding: 0 0 20px 0;
font-size:20px;
line-height:28px;
font-family:Verdana;
color: #022d45;
}

h2.dark {
margin: 0;
padding: 0;
font-size:16px;
line-height:22px;
font-family:Verdana;
color: #222;
}


h3 {
margin: 0;
font-size:16px;
line-height:22px;
padding: 0 0 5px 0;

font-weight:normal;
color: #666;
background: url(../images/h3-arrow.png) 0 5px no-repeat;
padding-left: 20px;
}

h3.lock {
margin: 0;
font-size:16px;
line-height:22px;
padding: 0 0 5px 0;

font-weight:normal;
color: #666;
background: url(../images/icon_lock.gif) 0 5px no-repeat;
padding-left: 20px;
}

h3.highlight {
margin: 0;
font-size:16px;
line-height:22px;
padding: 0 0 5px 0;

font-weight:normal;
color: #08abe9;
background: url(../images/h3-arrow.png) 0 5px no-repeat;
padding-left: 20px;
}




.thumb {margin-right:6px;}
.thumb-animateur {float:left; margin:0 10px 20px 0;width:64px;}
.red {color:#990000;}

.no-decoration {color:#444;text-decoration:none;border:none;}

.message {
margin: 0 0 10px;
padding: 15px 15px 15px 37px;
font-weight: normal;
background: #fff no-repeat 15px center;
border: 1px solid #ddd;
}
	.message.error { color: #9e1111; background-color: #f5e8e8; background-image: url(../images/error.png); border-color: #dfb2b2; }
	.message.success { color: #333; background-color: #e8f6e9; background-image: url(../images/success.png); border-color: #b2e1b7; }
	.message.info { color: #2446ad; background-color: #eaedf7; background-image: url(../images/info.png); border-color: #b8c3e4; }
	.message.warning { color: #990000; background-color: #f9f8e8; background-image: url(../images/warning.png); border-color: #990000; }
	.message.dashed { color: #666; background-color: #f5ffe8; border-style: dashed; border-color:#ddd; }
	

	
#col1 {width:180px; padding:10px;border:1px dashed #666;float:left;display:inline;}	
#col2,#col3 {width:180px; padding:10px;border:1px dashed #666;border-left:none;float:left;display:inline;}

#print {float:right;width:35px;height:35px;}
#print img {border:none;width:30px;}	
.small-avatar {width:30px;}
.small-text a {font-size:8px;}
.t-right {text-align:right;}
.red {color:#990000;font-weight:bold;}
table.table-inscription {margin-bottom:35px;}

table.table-inscription th {background-color:#eeeeee;font-size:12px;color:#666;height:30px;line-height:20px;}
table.table-inscription th.no-right {border-right:1px solid #eee;}

table.table-inscription td a.btn	{
	padding: 3px 10px;
	color: #fff;
	font-weight: bold;
	background-color: #08abe9;
	border: 2px solid #888;
	}

blockquote {margin:15px 0 15px 25px;font-size:1.2em;line-height:1.2em;color: #08abe9;font-style:italic;font-weight:bold;}