/* Les éléments HTML en général
-------------------------------------------------------- */
body{
	margin: 0px;
	padding:0px;
	background: #FFF url(../images/degradefond.gif) repeat-x center top;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#696E70;
	font-size:12px;
}

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

h1{
color:#71542F;
font-variant:small-caps;
font-weight:bold;
font-size:1.4em;
}
h2{
color:#71542F;
font-variant:small-caps;
font-weight:bold;
font-size:1.2em;
margin:10px;
}
h3{
color:#1695BE;
font-variant:small-caps;
font-weight:bold;
font-size:1.1em;
}
h4{font-size: 1.2em;}
h5{font-size: 1.1em;}
h6{font-size: 1em;}

pre, code{
	font-size: 1.2em;
}

pre{
	width: 100%;
	overflow: auto;
	border: 1px solid #CCC;
}

fieldset{
	border: none;
}

label{
	cursor: pointer;
}

.field label{
	display: block;
}

input,textarea{
	border: 1px solid #CCC;
	margin-bottom:3px;
	color:#696E70;

}

textarea{
	width: 80%;
	font-size: 1em;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

a{
	color: #14719c;
	
}

a:visited{
	color: #14719c;
}

a:hover{
	color: #d9486f;
}
.left{
	float: left;
	margin-right: 1em;
}

.right{
	float: right;
	margin-left: 1em;
}

/* La page
-------------------------------------------------------- */
#page{
	background-position: top center;
	color: inherit;
	display:block;
	position: relative;
     margin-left: auto;
     margin-right: auto;
}


/*bloc page*/

#blocpage{
	display:block;
	position: relative;
	 top:40px;
	 left:0px;
	 width:985px;
	 margin-left: auto;
     margin-right: auto;
}
.entete{
	background:url(../images/bandeau.gif) no-repeat top left;
	height:190px;
	width:985px;
	clear:both;
}

.milieu{
	background:url(../images/fondblanc.gif) repeat-y top right;
	width:985px;
	margin-top:-10px;
	position:relative;
	display:block;
	margin-left:0px!important;
	margin-left:0px;
	overflow:hidden;
}
.bas{
	background:url(../images/bas.gif) no-repeat top right;
	width:985px;
	height:10px;
}
/*MENU*/
#menu {
	position:relative;
	float:left;
	clear:both;
	width:985px;
	margin-left:2px!important;
	margin-left:0px;
	margin-top: 20px;
	/*margin:-30px 0 0 60px!important;
	margin:-30px 0 0 30px ;*/
}

#accueil a{
	display:block;
	width:85px;
	height:44px;
	background:url(../images/accueil.gif) left top no-repeat;
	float:left;
}

#accueil a:hover{
	background:url(../images/accueil.gif) left -44px no-repeat;
}
#accueilselect {
	display:block;
	width:85px;
	height:44px;
	float:left;
	background:url(../images/accueil.gif) left -44px no-repeat;
}
#lasrap a{
	display:block;
	width:77px;
	height:44px;
	background:url(../images/lasrap.gif) left top no-repeat;
	float:left;
}

#lasrap a:hover{
	background:url(../images/lasrap.gif) left -44px no-repeat;
}
#lasrapselect {
	display:block;
	width:77px;
	height:44px;
	background:url(../images/lasrap.gif) left -44px no-repeat;
	float:left;
}
#conferences a{
	display:block;
	width:139px;
	height:44px;
	background:url(../images/conferences.gif) left top no-repeat;
	float:left;
}

#conferences a:hover{
	background:url(../images/conferences.gif) left -44px no-repeat;
}
#conferencesselect {
	display:block;
	width:139px;
	height:44px;
	float:left;
	background:url(../images/conferences.gif) left -44px no-repeat;
}
#journees a{
	display:block;
	width:171px;
	height:44px;
	background:url(../images/journees.gif) left top no-repeat;
	float:left;
}

#journees a:hover{
	background:url(../images/journees.gif) left -44px no-repeat;
}
#journeesselect {
	display:block;
	width:171px;
	height:44px;
	float:left;
	background:url(../images/journees.gif) left -44px no-repeat;
}
#pratiques a{
	display:block;
	width:158px;
	height:44px;
	background:url(../images/pratiques.gif) left top no-repeat;
	float:left;
}

#pratiques a:hover{
	background:url(../images/pratiques.gif) left -44px no-repeat;
}
#pratiquesselect {
	display:block;
	width:158px;
	height:44px;
	float:left;
	background:url(../images/pratiques.gif) left -44px no-repeat;
}
#devenirmembre a{
	display:block;
	width:131px;
	height:44px;
	background:url(../images/devenirmembre.gif) left top no-repeat;
	float:left;
}

#devenirmembre a:hover{
	background:url(../images/devenirmembre.gif) left -44px no-repeat;
}
#devenirmembreselect {
	display:block;
	width:131px;
	height:44px;
	float:left;
	background:url(../images/devenirmembre.gif) left -44px no-repeat;
}
#contact a{
	display:block;
	width:82px;
	height:44px;
	background:url(../images/contact.gif) left top no-repeat;
	float:left;
}

#contact a:hover{
	background:url(../images/contact.gif) left -44px no-repeat;
}
#contactselect {
	display:block;
	width:82px;
	height:44px;
	float:left;
	background:url(../images/contact.gif) left -44px no-repeat;
}
#espacemembre a{
	display:block;
	width:139px;
	height:44px;
	background:url(../images/espacemembre.gif) left top no-repeat;
	float:left;
}

#espacemembre a:hover{
	background:url(../images/espacemembre.gif) left -44px no-repeat;
}
#espacemembreselect {
	background:url(../images/espacemembre.gif) left -44px no-repeat;
}

/* Le contenu
-------------------------------------------------------- */
#content{
width:985px;
clear:both;
display:block;
position:relative;
min-height:500px;
height:auto !important;
height:500px;

}

#blocgauche{
width:570px;
float:left;
margin:22px !important;
margin:15px;
display:block;
position:relative;
}
#blocdroite{
width:320px;
float:left;
margin:22px !important;
margin:15px;
display:block;
position:relative;
}
.fondviolet{
	background:url(../images/fond_violet.gif) left top no-repeat;
	width:567px;
	height:179px;
	margin-bottom:15px!important;
	margin-bottom:-90px;

}
.titregris{
font-variant:small-caps;
font-size:1.3em;
display:block;
position:relative;
top:5px;
left:10px;
float:left;
}
.titreviolet{
font-variant:small-caps;
font-size:1.3em;
display:block;
position:relative;
top:5px;
left:140px;
float:left;
color:#B45587;
}
.blocgaucheviolet{
float:left;
display:block;
position:relative;
	width:402px;
}
.blocdroitviolet{
float:left;
display:block;
position:relative;
	width:150px;
}
.textegris{
	display:block;
	position:relative;
	top:23px;
	left:10px;
	clear:both;
	width:400px;
	height:50px;
	font-size:1em;

}

.imgviolet{
display:block;
position:relative;
top:-30px!important;
top:-110px;

left:420px;

}
.fondbleu{
	background:url(../images/fond_bleu.gif) left top no-repeat;
	width:567px;
	height:179px;
	margin-bottom:15px!important;
	margin-bottom:-65px;

}
.titregris{
font-variant:small-caps;
font-size:1.3em;
display:block;
position:relative;
top:5px;
left:10px;
float:left;
}
.titrebleu{
font-variant:small-caps;
font-size:1.3em;
display:block;
position:relative;
top:5px;
left:360px;
float:left;
color:#36C2e1;
}
.textegris{
	display:block;
	position:relative;
	top:23px;
	left:10px;
	clear:both;
	width:400px;
	height:50px;
	font-size:1em;

}
.btnviolet{
display:block;
position:relative;
top:6px;
width: 117px;
z-index:99;
}

.fondvert{
	background:url(../images/fond_vert.gif) left top no-repeat;
	width:567px;
	height:179px;
	margin-bottom:15px!important;
	margin-bottom:-65px;
	clear:both;

}
.blocgauchevert{
float:left;
display:block;
position:relative;
	width:150px;

}
.blocdroitvert{
float:left;
display:block;
position:relative;
width:402px;
}

.titrevert{
display:block;
position:relative;
top:5px;
left:10px;
float:left;
color:#61CE08;
font-variant:small-caps;
font-size:1.3em;
}

.titregrisgauche{
font-variant:small-caps;
font-size:1.3em;
display:block;
position:relative;
top:5px;
left:370px;
float:left;
}

.fondorange{
	background:url(../images/fond_orange.gif) left top no-repeat;
	width:567px;
	height:179px;
	margin-bottom:15px!important;
	margin-bottom:-65px;
	clear:both;

}
.titreorange{
font-variant:small-caps;
font-size:1.3em;
display:block;
position:relative;
top:5px;
left:10px;
float:left;
color:#F78801;
}



.textegrisgauche{
	display:block;
	position:relative;
	top:-90px;
	left:170px;
	clear:both;
	width:400px;
	height:50px;
	font-size:1em;

}
.btnvert{
display:block;
position:relative;
top:5px;
left:250px;
width: 117px;
}
.imgvert{
display:block;
position:relative;
top:42px;
left:-150px;

}
.hexagros{
	background:url(../images/hexagros.gif) left top no-repeat;
	width:320px;
	height:344px;
	margin-bottom:15px;
}
.titremembre{
text-align:center;
font-size:1.4em;
font-weight:bold;
color:#36C2E1;
display:block;
position:relative;
top:40px;
}
.gris{
color:#696E70;
}
.textemebre{
	display:block;
	position:relative;
	top:50px;
	left:35px;
	width:250px;
	height:60px;
	font-size:1em;
	text-align:justify;
}
.textenews{
	display:block;
	position:relative;
	top:50px;
	left:35px;
	width:250px;
	height:20px;
	font-size:1em;
}
.lienshaut{
	display:block;
	position:relative;
	width:205px;
	height:34px;
	background:url(../img/liens_haut.gif) no-repeat top right ;
	
}
.liensmilieu{
	display:block;
	position:relative;
	width:204px;
	background:url(../img/liens_milieu.gif) repeat-y top right ;
	
}

/* Le pied de page
-------------------------------------------------------- */
.footer{
	font-weight:normal;
	font-size:0.9em;
	text-align:center;
}
.footer a{
	text-decoration:underline;
	color:#696E70;
}
.footer a:hover{
text-decoration:none;
color:#E54247;
}
/* Pages intérieures
-------------------------------------------------------- */
#blocgaucheint{
width:241px;
float:left;
margin:22px !important;
margin:15px;
display:block;
position:relative;
}
#blocdroiteint{
width:620px;
float:left;
margin:22px !important;
margin:15px;
display:block;
position:relative;
}
.hexapt{
	background:url(../images/hexapt.gif) left top no-repeat;
	width:241px;
	height:264px;
	margin-bottom:15px;
}

.textemembrept{
	display:block;
	position:relative;
	top:50px;
	left:10px;
	width:220px;
	height:60px;
	font-size:1em;
	text-align:justify;
}
.textemembreptabo{
	display:block;
	position:relative;
	top:40px;
	left:10px;
	width:220px;
	height:30px;
	font-size:1em;
	text-align:center;
}
form{
margin-bottom:5px;}

.chapo{
color:#5A4A3B;
font-weight:bold;
}
.menupt{
	width:241px;
	margin-bottom:15px;
}
.menupttxt a{
font-variant:small-caps;
font-weight:bold;
font-size:1.2em;
padding-left:55px;
text-decoration:none;
color:#696E70;
}
.menupttxt {
color:#696E70;
}
.menupttxt a:hover{
color:#1695BE;
background:url(../images/tilde.gif) 32px center no-repeat;

}
.menupttxtselect{
font-variant:small-caps;
font-weight:bold;
font-size:1.2em;
color:#1695BE;
background:url(../images/tilde.gif) 32px center no-repeat;
padding-left:55px;
}