* {
border: none;
margin:0;
padding:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

body {
background-color:#eddfa8;
font-size:13px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

a{
color:#008eff;
text-decoration:underline;
}

a:hover{
text-decoration:none;
background-color:#ecc838;
}

h1{
border-bottom:1px solid #ECC838;
border-left:1.1em solid #ECC838;
color:#005EBF;
font-size:18px;
line-height:1.5em;
margin:0 0 0.5em;
padding-bottom:1px;
padding-left:0.5em;
text-align:left;
}

h2{
border-bottom:1px solid #ECC838;
color:#005EBF;
font-size:14px;
text-align:left;
margin-bottom:0.5em;
}

ul{
list-style-type:none;
}

div#all{
display:block;
width:960px;
height:auto;
background-color:#ffffff;
border:1px solid black;
margin:auto;
margin-top:12px;
}

div#banner {
background-image:url(images/design/andp_header.png);
background-repeat:no-repeat;
display:block;
width:960px;
height:110px;
}

div#menu{
background-color:#fef5d5;
height:26px;
border-top:1px solid black;
border-bottom:1px solid #c0c0c0;
}

div#menu a{
position:relative;
padding-top:5px;
display:block;
float:left;
font-size:13px;
height:21px;
border-right:1px solid #c0c0c0;
padding-left:15px;
padding-right:15px;
color:#18507c;
text-decoration:none;
font-weight:normal;
}

div#menu a:hover{
background-color:#F9DF84;
}

div#menu a#accueil{
padding-left:17px;
}

div#menu a#contact{
border-right:none;
padding-right:16px;
}

div#menu a.pageCourante{
background-color:#ECC838;
color:white;
font-weight:bold;
}

div#menu a.pageCourante#accueil{
padding-left:16px;
padding-right:16px;
}

div#menu a.pageCourante#pelerinageCourant, div#menu a.pageCourante#temoignageCourant{
padding-left:14px;
padding-right:15px;
}

div#menu a.pageCourante#circuitCourant{
padding-left:17px;
padding-right:17px;
}

div#menu a.pageCourante#surmesureCourant{
padding-left:15px;
padding-right:16px;
}

div#menu a.pageCourante#infoCourant{
padding-left:14px;
padding-right:14px;
}

div#menu a.pageCourante#contactCourant{
border-right:none;
padding-right:16px;
padding-left:16px;
}

div#menu a.pageCourante#inscriptionCourant, div#menu a.pageCourante#brochuresCourant{
padding-left:16px;
padding-right:15px;
}

div#content{
min-height:350px;
height:auto;
padding:18px;
}

p#datemaj{
text-align: center;
font-size: 10px;
font-weight: bold;
}

div#profil{
width:360px;
border:1px solid #ECC838;
}

p.cadre_title{
background-image:url(images/design/entete_cadre.png);
background-repeat:repeat-y;
font-size:10px;
height:15px;
text-align:center;
border-bottom:1px solid #ECC838;
}

div#content_col_d{
float:right;

}

div#content_col_g{
float:left;

}

div#content_col_g_d{
float:right;
margin-left:25px;
}

div#content_col_g_g{
float:left;
}

div#colonnes{
position:relative;
top:10px;
}

div.pele_exceptionnel{
border:1px solid #ECC838;
width:360px;
height:190px;
margin-bottom:20px;
}

div#message{
border:1px solid #ECC838;
width:360px;
height:190px;
margin-bottom:20px;
}

p.title_exceptionnel{
background-color:#FFBBBD;
font-size:10px;
height:15px;
text-align:center;
border-bottom:1px solid #ECC838;
}

div#rightcol{
float:right;
width:655px;
}

div#rightcol div#intro_pele p, div#content div#intro_pele p, div#inscription p{
margin-bottom:20px;
}

div#leftcol{
float:left;
width:230px;
background-color:#ecf2ff;
border-bottom:1px solid #CCCCCC;
}

div#leftcol ul li a:hover, div#leftcol ul li a#actif{
background-color:#90c3e5;
font-weight:bold;
color:#ffffff;
}

div#leftcol ul li a{
padding-left:15px;
padding-top:5px;
font-size:11px;
display:block;
width:215px;
height:18px;
color:#18507c;
text-decoration:none;
}

.disparait{
display:none;
}

div#footer{
height:20px;
background-color:#ecc838;
text-align:center;
color:#FFFFFF;
font-size:10px;
padding-top:10px;
padding-bottom:8px;
}

div#footer a{
font-size:10px;
color:#FFFFFF;
}

div.circuit{
width:690px;
margin:auto;
}

div.pelerinage, div.circuit{
border:1px solid #ECC838;
margin-bottom:20px;
height:120px;
font-size:11px;
}

div.pelerinage p, div.circuit p{
margin-bottom:0;
padding:0;
text-align:center;
}

div.pelerinage p.cadre_title, div.circuit p.cadre_title{
background-image:url(images/design/entete_pele.png);
background-repeat:repeat-y;
font-size:10px;
height:15px;
text-align:center;
border-bottom:1px solid #ECC838;
}

div.pelerinage p.exdescription, div.circuit p.pele_description{
font-size:12px;
}

div.pelerinage p.pele_date, div.circuit p.pele_date{
display:block;
position:relative;
top:10px;
color:#C15200;
}

div.pelerinage p.pele_prix, div.circuit p.pele_prix{
display:block;
position:relative;
top:10px;
}

div.pelerinage p.pele_inscription, div.circuit p.pele_inscription{
display:block;
position:relative;
top:10px;
}

div#inscription form{
width:425px;
margin:auto;
}

div#inscription form input, select{
border:1px solid #999999;
margin-bottom:2px;
}

div#inscription form label{
display:block;
float:left;
width:220px;
margin-bottom:1px;
}

div#inscription form input[type="submit"], div#inscription form input[type="reset"]{
position:relative;
top:10px;
}

/*---------CLEARFIX--------*/
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}
/*---------FIN---------*/