/***************************************
* reset.
***************************************/
/* http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */

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, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	padding: 0;
	outline: 0;
	/*vertical-align: baseline;*/
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	color: black;
	line-height: 1;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
	vertical-align:top;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/**/
input[type=hidden] {
	display: none !important;
}

/***************************************
* layout
***************************************/
b{
	font-size: 100%; /*110%*/
}
em{
	/*color: red; */
	font-style:italic;
}
#global{
	margin: 0 auto;
	width: 800px; 
	margin-top:84px;
}

#black{
	background: #000;
	height:27px;
}

#right_cols{
	float:right;
	width:13px;
	min-height:auto;
}

#right_cols_m {
	float:right;
	width:107px;
	background: #9D9FA2;
	padding-top:6px;
	padding-bottom:0px;
	margin-bottom:0px;
	min-height:auto;
}

	#right_cols_m  ul li{padding:0 6px 0 6px; list-style-type:none; margin:0px; border:1px solid #9D9FA2;}

	#right_cols_m  a{font-size:0.8em; text-decoration:none; display:block; color:#fff; cursor:pointer; }
	

#text_cols{
	min-height:auto;
	margin-bottom:30px;
}

	#text_cols ul li{
		min-height:auto;
	}

#left_cols_n{
	float:left;
	width:240px;
	margin-right:12px;
	margin-bottom:12px;
}
	
	#left_cols_n a{
	color:#000;
	font-size:12px;
	}
	
	#left_cols_n a{
	color:#000;
	font-size:11px;
	}

#left_cols_b{
	float:left;
	width:240px;
	background: #fff;
	margin-right:12px;
}
		#left_cols_b a{
		}

.left_cols_img{
	z-index: 999; 
	position: absolute; 
	top: 0px; 
	left: 0px; 
	width: 240px; 
	margin-right: 12px;
}

#right_cols_g{
	float:right;
	width:80px;
	background: #aaa;
	font-size:8pt;
	line-height:12pt;
	text-align:center;
	padding:3px;
	color:white;
}

#general{
	width: 787px; 
	height:500px;
}

#corps{
	width: 628px; 
	min-height:auto;
}

#noir, TD.noir{
	background-color:#000;
	color:#fff;
	text-align:right;
	padding:0px;
	margin:0px;
	font-size:0.7em;
	vertical-align:middle;
	height:27px;
}
	#noir a{
		color:#fff;
	}
	
	#noir a:hover{
		color:#fff;
		text-decoration:underline;
	}
	

TD.menu {
	vertical-align:top; 
	background:url(images/fond-menu.gif) top left no-repeat; 
	width:1%;
}

TD.corps {
	padding:0px; 
	margin:0px;
}


html { min-height: 100%;}

/***************************************
* je-u v2.
***************************************/
body {  
	background-repeat: no-repeat;
	background-position: top center;
	color:#666;
	font-size:  1em;
	line-height:1.35;/*1.4*/
	margin: 0;  
	padding: 0; 
}
body, p, h1, h2, h3, h4, h5, h6, td, th, input, select, textarea, label {
	font-family: Arial, Tahoma, Helvetica, sans-serif; /*"Lucida Grande", Tahoma, Helvetica, sans-serif;*/
	font-size : 1em;
	color:#666;
}
input, select, textarea, label {
	/*font-size : 0.9em;
	color:#666;*/
}
a {
	color:#0f9ed2;
	text-decoration:none;
}
a:hover {
	text-decoration:none;
}
p { 
 	color:#333;
	font-size : 0.8em;
	margin-bottom : 1ex; 
	margin-right:12px;
	text-align:justify;
}

#navt { 
	text-transform:uppercase;
	width:159px;
	letter-spacing: -1px;
	font-weight:normal;
}
#navt li {
	position:relative;
	background-color:#fff;
	background-position: 0px 4px;
	background-repeat:no-repeat;
} 

#navt li a {
	color:#000;
	font-size:0.92em;
	text-decoration:none;
	padding-left:23px;
	display:block;
	padding-top:2px;
	padding-bottom:2px;
}
#navt li a:hover {
	color:#000;
	text-decoration:none;
}
#navt li.active a {
	/*border-bottom:3px solid #0f9ed2;*/
	text-decoration:none;
}
#navt a {
	height:17px; 
}
/*#navt a span { visibility:hidden;}*/
#navt a span { /*visibility:hidden;*/left:0px;position:relative;}

#pageContent .head { 
	background:#0f9ed2;
	height:62px;
	margin:0 -15px 1em -10px;
	position:relative;
}
#pageContent .container{ 
	margin-right:15px;
}
h1, h2, h3, h4, h5, h6 {font-weight:normal;}
h1 {
	display:block;
	color:#fff;
	font-size:115%; /*170%*/
	margin:0;
	padding-left:10px;
	text-transform:uppercase;
}
h1 a,
h1 a:hover {
	color:#fff;
	cursor:text;
	text-decoration:none;
}
h1 b , h1 strong  {
}
h2 {
	/*font-weight:150;
	margin:1.5ex 0;
	font-size:115%;*/
}
h2 {
	/*border-bottom:1px solid #999;*/
	font-size:1.2em;
	margin:6px 0 0 0;
	text-transform:uppercase;
}
.blocContent h2 {
	margin-top:0;
}
h3 { 
	bottom:0;
 	color:#333;
	font-size:0.8em;
	margin:0 0 6px 0;
	text-transform:uppercase;
}

#navt_n2 {
	bottom:0;
	font-size:1.06em;
	background:#fff;
}
#navt_n2 li {
	color:#000;
}
#navt_n2 li a{
	color:#000;
	cursor:pointer;
	margin:0px;
	padding:0px;
	text-decoration:none;
	padding-top:2px;
	padding-bottom:2px;
	font-weight:normal;
}
#navt_n2 li a:hover{
	color:#000;
	cursor:pointer;
	text-decoration:none;
	font-weight:normal;
}
#navt_n2 li a span {
	font-size:0.78em;
	text-decoration:none;
	padding-left:23px;
	padding-right:0px;
	padding-top:2px;
	display:block;
}
#navt_n2 li.active a {
	text-decoration:none;
}
#navt_n2 li.active span {
	background-position: 100% -60px !important;
}
/*************************************
**  List contenu de page
*************************************/
#page {padding:0px 0px 0px 30px; margin:0px; min-height:400px;}
#page p {padding-right:20px; margin:0px; margin-left:253px; padding-bottom:10px;}
#page h1{clear:both;}
#page h2{margin-left:253px;}
#page h3{margin-left:253px;}
#page ul.list , ul.list li{ /*list-style-image:url(images/p_verte.gif*/);}
#page ul { margin-left:270px;; margin-bottom:1ex; list-style: disc;} 
#page li { padding-left:0px;; margin-top:2px; font-size : 0.8em; color:#000;}

.photo {float:left; background-color:#DADBDC; width:252px; margin-right:20px;}

/*************************************
**  Homepage
*************************************/
#home #global { }
#home #header{ border-bottom:4px solid #0f9ed2; height:138px;} /* vert = #83b300 */
#home #pageContent .head { display:none; }
#home #pageContent {	margin-top:40px; }
#home #pageContent .container { margin-right:5px;/*15px*/}
#home h2 { text-transform: uppercase; margin-top:1em;margin-bottom:1ex; color:#4d4d4d; }
#home .content h2 {margin-top:6px;}
#home h2 span { color:#83b300;}
#home .widget {margin-left:0;}


/***************************************
* home
***************************************/
#ligne1 {
	position:relative;
}

#bloc1 {						
	/*position: absolute;
	top:0px;
	left:4px;*/
	width:390px;
	/*height:264px;*/
	float:left;
}
#bloc1 .content { 
	position:relative; 
	margin:-7px -3px -13px -3px; 
	min-height:50px; 
	padding:0;
	}

#bloc2 {						
	/*position: absolute;
	top:0px;
	left:408px;*/
	width:300px;
	/*height:264px;*/
	
	float:right;
}



/* Forms*/
td.form {
	vertical-align:top; 
	padding-top:6px;
	padding-right:6px;
	color:#971A1D;
	font-size:12px;
}
.form { 
	margin:0 auto;
	position:relative;
}
.form .legend,
.legendTable {
	font-weight:bold;
	padding-bottom:6px;
	border-bottom:1px dotted #999;
	margin: 1em 0 12px;
} 
.form label {
	float: left;
	margin-right:6px;
	text-align:right;
	width:265px;
} 
.form input , .form select { 
	width:168px;
	color:#000;
	}
.form textarea {  
	height:4.25em;
}
.form  .line { margin-bottom:6px;}
.form .case label,.form .case input {
	float:left;
	min-width:20px;
	width:auto;
}
.form .desc {
	font-size:0.8em;
	margin-top:1em;
}

.form input.submit {
	background-color: #fff;
	color:#000;
	font-size:12px;
	border:0px;
	height:19px;
	width:20px;
	padding:0px;
	margin:0px;
} 

#rech1 {
	display:block;
	float:left;
	padding-left:6px;
	padding-right:6px;
	padding-top:4px;
	padding-bottom:4px;
	height:21px;
	vertical-align:middle;
}

#rech2 {
	display:block;
	float:left;
	background-color: #971A1D;
	padding-left:6px;
	padding-right:6px;
	padding-top:4px;
	padding-bottom:4px;
	height:21px;
	margin-right:3px;
}

#civilite {width:auto;}