/***************************************************
			      Reset
***************************************************/

html, body, div, span, h1, h2, h3, h4, h5, h6, p, ol, ul, li, form, label, legend, caption, aside, details, figcaption, figure, footer,header, hgroup, menu, nav, section, summary {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

ol, ul {
	list-style: none;
}

a img {
   border: none
}

aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {display: block}

/***************************************************
			      Global styles
***************************************************/

html {
	width: 100%;
	height: 100%;
}

body {
   font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 13px;
	background-color: white;
	color: #575757;
	margin: 0 0 1px; height: 100%; 
	line-height: 1.7;
	/*border-top: 10px solid black;*/
}

/*.bg {
	background-image: url(../images/bg.png); 
	background-position: left top;
	background-repeat: repeat;
}*/

p {
	margin-top: 3px;
}
	
a, p a {
	color : #3f3a45;
	font-size : 12px;
	text-decoration: none;
}

span a {
   color: #EA6721!important;
   text-decoration: none;
}
a:hover {
   color: #EA6721;
   text-decoration: underline;
}



h1, h2, h3, h4, h5, h6 {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-weight: normal;
	position: relative;
}

h1 {
	font-size: 42px;
	line-height: 0.9;
	color: #666666;
	text-align: left;
	margin-bottom: 13px;
	padding-bottom: 15px;
}

hgroup h2 {
	line-height: 0.9;
	color: #EA6721;
    font-size: 21px;
	text-align: left;
	margin-bottom: 13px;
	padding-bottom: 15px;
}

h1 span {
	font-size: 25px;
	line-height: 12px;
	color: #666666;
	margin-left: 10px;
}

	
h2 {
	font-size: 15px;
	/*line-height: 1.8;*/
	color: #EA6721;
	text-align: left;
	/*border-bottom: 1px solid #A3A3A3;
	margin-bottom: 7px;
	padding-bottom: 12px;*/
}
	
h3 {
	font-size: 18px;
	line-height: 0.9;
	color: #575757;
	text-align: left;
	margin-bottom: 6px;
	padding-bottom: 5px;
}

h4 {
	font-size: 14px;
	line-height: 0.9;
	color: #000;
	text-align: left;
	margin-bottom: 8px;
	padding-top: 3px;
	text-decoration: underline;
}

#content .liaisons {
	margin-left : 40px;
}

#content .liaisons a {
	color : #EA6721;
	text-decoration: none;
}

#content .liaisons a:hover {
	color : #EA6721;
	text-decoration: underline;
}

/***************************************************
			    Main containers
***************************************************/

#container, #container_left, #container_right {
	position: relative;
	width: 100%;
}
	
#container {
	position: relative;
	width: 1000px;
	margin: 0 auto;
	background-color: transparent;
	min-height: 100%;
}

header {
	position: relative;
	float: left;
	width: 1000px;
	height: 70px;
	margin-bottom: 40px;
	background-color: #dbded7;
	-moz-border-radius: 0 0 10px 10px;
    -webkit-border-radius: 0 0 10px 10px;
    border-radius: 0 0 10px 10px;
    behavior: url(/PIE.htc);
    box-shadow: 0px 5px 0px #aaa;
}
	
	
/***************************************************
				INTRO
***************************************************/	
	
#intro {
	/*width: 1000px;
	position: relative;*/
	/*float: left;*/
	/*height: 154px;
	background: transparent;*/
	/*margin-top: 25px;*/
}


#saint-jacques {
	float : left;
	margin-bottom:2px!important;
}

hgroup {
	float : left;
	width : 800px;
	line-height: 14px;
}

hgroup h1, #recherche-rapide h1 {
	color : #7db239;
	font-size : 20px;
	padding : 0;
	margin : 0 0 10px 0;
}

#recherche-rapide {
	width:200px;
	float : right;
	text-align: right;
}

#recherche-rapide a, #suite a, aside a {
	color : #ea6721;
	text-decoration: none;
}

#recherche-rapide a:hover, #suite a:hover, aside a:hover {
	color : #ea6721;
	text-decoration: underline;
}

#recherche-rapide input[type=text], aside input[type=text], aside input[type=password], #recherche_avancee input[type=text]  {
	margin : 0;
	width: 140px;
	-moz-transition: background 0.3s ease-in-out 0s;
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #BBBBBB;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15) inset, 0 0 0 transparent;
    color: #666666;
    font-family: inherit;
    font-size: 12px;
    outline: 0 none;
    padding: 1.5px;
    height:15px;
}

#recherche-rapide form {
	margin : 0;
	padding : 0;
}

#recherche-rapide img {
	margin : 0;
	padding : 0;
}

#recherche-rapide input[type=submit] {
	/*background-image: url("../images/btn-rech.jpg");*/
	border: 0 none;
	background-color: #7db239;
	-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    behavior: url(/PIE.htc);
	/*height: 23px;
	width: 32px;*/
    margin-left: 2px;
}

#recherche_avancee input[type=submit] {
	/*background-image: url("../images/btn-rech.jpg");*/
	border: 0 none;
	background-color: #7db239;
	-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    behavior: url(/PIE.htc);
	/*height: 23px;
	width: 32px;*/
    margin-left: 10px;
}

/***************************************************
				   HOLDERS
***************************************************/	

.holder_content {
	position: relative;
	float: left;
	width: 100%;
	margin-top: 20px;
	margin-bottom : 20px;
}
	
.holder_content_separator{
	margin-bottom: 20px;
}
	
aside {
	float : left;
	width : 225px;
}

aside h1 {
	color : #7db239;
	font-size : 16px;
	padding : 0;
	margin : 0 0 10px 0;
}

aside .titre {
	text-align : right;
	width : 73px;
	float : left;
	color : #3f3a45;
	font-size : 12px;
}

aside .rubrique {
	text-align : left;
	width : 152px;
	float : left;
}

aside .rubrique input[type=text], aside .rubrique input[type=password] {
	width : 100px;
	border : 1px solid #DBDED7;
	margin-left : 5px;
}

aside input[type=submit] {
	border : 0px;
	background-color: #7db239;
	-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    behavior: url(/PIE.htc);
    cursor: pointer;
    margin-left: 80px;
}

/*aside a {
	color : #3f3a45;
	font-size : 12px;
}

aside a:hover {
	color : #3f3a45;
	text-decoration: none;
}*/

#recherche {
	float : left;
	width : 775px;
}

#content {
	float : left;
	width : 733px;
	padding : 20px;
	margin : 0 0 40px 0;
	border : 1px #DBDED7 solid;
	-moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    behavior: url(/PIE.htc);
    box-shadow: 0 5px 0px #aaa;
    min-height : 200px;
}

#recherche #content {
	float: none;
}

#content h1, #liste-resultat h1 {
	color : #ea6721;
	font-size : 21px;
}

#suite {
	width:100%;
	text-align: right;
}


a:hover
{
color:#ea6721;
text-decoration: underline;
}

#content .ligne {
	height : 20px;
	margin-bottom : 10px;
}

#content .titre1, #content .titre2 {
	float : left;
	width: 180px;
	text-align : right;
}

#content .rubrique1, #content .rubrique2 {
	float : left;
	width: 180px;
	text-align : left;
}

#content .rubrique1 input[type=text], #content .rubrique2 input[type=text] {
	width : 180px;
	border : 1px solid #DBDED7;
	margin-left : 5px;
}

#liste-resultat {
	padding : 350px 20px 20px 250px;
}

#liste-resultat h1 {
	margin-bottom: 0;
	color : #7db239;
}

#liste-resultat h2 a {
	text-decoration : none;
	color : #EA6721;
	font-size : 16px;
	margin-left : 20px;
}

#liste-resultat h2 a:hover {
	text-decoration : underline;
}

#liste-resultat p {
	margin : 0 0 0 50px;
	padding : 0;
}


hgroup .titre-rubrique, #content .titre-rubrique {
	font-weight : bold;
	color : #7db239;
	font-size:16px;
}
/***************************************************
			        FOOTER
***************************************************/

footer {
	position: relative;
	height: 90px;
	clear: both;
	width: 100%;
}

.container {
	width: 1000px;
	margin: 0 auto;
	border-top : 1px #ea6721 solid;
	text-align:center;
}



/***************************************************
				   SPECIFIC
***************************************************/

#logo {
	position: relative;
   float: left;
	left: 0px;
	width: 32px;
	height: 31px;
	top: 15px;
	margin-left : 25px;
}

#trait-menu {
   float: left;
   margin-left : 25px;
   margin-right: 25px;
}

header h1 {
	color:#6f6e6d;
	font-size:29px;
	float:left;
	top:20px;
}

.clearing {
	clear: both;
	display: inline;
	width: 100%;
	height: 0;
	overflow: hidden;
}
 	
.button {
	width: 66px;
	height: 13px;
	position: relative;
	margin-top: 12px;
	padding: 9px;
	background-color: black;
	display: inline-block;
	color: white;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 12px/100% Arial, Helvetica, sans-serif;
}
	
.button: hover {
	background-color: #333333;
}

.button: active {
	position: relative;
	top: 1px;
}

.intitule {
    color: #7db239;
    font-size: 12px;
}

#images_liees{
	
	
}

#liaisons{
	clear : both;
	
}