/* CSS Document */

html, body {
	padding: 0;
	margin:0;
	height:100%;
}
body{
	margin:0;
	font: 0.75em/1em  "Minion Pro", "Times New Roman",Georgia,Arial;
	font-stretch: semi-expanded;
	background-image:url(../theme/fond.jpg);
	background-repeat:repeat-x;
	background-position:top center;
	background-color:#97c807;
	color:#000;
}

h1{
	text-indent:-2000px;
	float:left;
}
h2{
	margin-top:0;
}
h3{
	margin-top:2em;
	color:#F7951A;
	font-size:1.2em
}
h4{
	font-size:1em;
	margin-bottom:0.5em
}
hr{
	height:1px;
	clear:both;
	margin:5px 0 !important;
	margin:0;
	border:none
}
p{
	position:relative;
	margin:8px 0;
	padding:0;
	text-align:justify;
}
/*=============================*/
/**  Classes de mise en page  **/
/*=============================*/
.clear{clear:both; margin:0; padding:0; font-size:0}
.bnull{border:0}
.tleft{text-align:left}
.tright{text-align:right}
.tcenter{text-align:center}
.tjustify{text-align:justify}
.left{float:left; margin:0 5px 0 0;position:relative;}
.right{float:right; margin:0 0 0 5px;position:relative;}
.gras{font-weight:bold}
.italic{font-style:italic;}
.souligne{text-decoration:underline;}
.petit{font-size:0.8em;font-weight:normal}
.moyen{font-size:0.9em;}
.coupe{word-wrap: break-word;}
.dn{display:none;}
.info_doc{color:#888;}
.bscreen{border:1px solid #fff; margin:0;}
.erreur{color: #F7951A}
.reussite {	color: #63839F}
.hrcoul1{color: #CBE383;background-color:#CBE383}
.hrcoul{color: #98c908;background-color:#98c908;}

.torange{color:#F7951A}
.tvertfon{color:#2c7700;}
.tvert{color:#98c908;}
a.tvert{color:#98c908; text-decoration:underline;}
a.tvert:hover{color:#2c7700; text-decoration:none;}
a.tmenu{/*color:#666;*/color:#000; text-decoration:none;}
a.tmenu:hover{color:#333;}
a.tmenu2{color:#2c7700; text-decoration:none;}
a.tmenu2:hover{color:#98c908;}
a.gris{color:#666; }
a.gris:hover{color:#333;text-decoration:none;}

a.externe {
	background: url('../theme/externe.gif') no-repeat right;
	padding:0 1.1em 0 0;
	border-bottom: 0;
}
a.pdf, a.ppt, a.pps, a.odt, a.swf {
	padding:0 0 0 1.5em;
	border-bottom: 0;
}
a.pdf {	background: url('../theme/pdf.gif') no-repeat left;}
a.ppt {	background: url('../theme/ppt.gif') no-repeat left;}
a.pps {	background: url('../theme/pps.gif') no-repeat left;}
a.odt {	background: url('../theme/odt.gif') no-repeat left;}
a.swf {	background: url('../theme/swf.gif') no-repeat left;}
a.pdfplus,a.pptplus,a.odtplus,a.swfplus,a.wordplus {	
	padding:0 0 0 2.9em;
	border-bottom: 0;
}
a.pdfplus {   background: url('../theme/pdfplus.gif') no-repeat left;}
a.pptplus {	background: url('../theme/pptplus.gif') no-repeat left;}
a.odtplus {	background: url('../theme/odtplus.gif') no-repeat left;}
a.swfplus {	background: url('../theme/swfplus.gif') no-repeat left;}
a.wordplus {	background: url('../theme/wordplus.gif') no-repeat left;}
a.word {
	background: url('../theme/word.gif') no-repeat left;
	padding:0 0 0 1.5em;
	border-bottom: 0;
	display:block;
	height:16px;
	line-height:16px
}
/*=============================*/
/**  Mise en Forme du design  **/
/*=============================*/

#logo{
	position:absolute;
	top:0;
	left:0;
	width:318px;
	height:109px;
	background-image:url(../theme/logo.jpg);
}
#acces{
	position:absolute;
	width:250px;
	height:28px;
	background-image:url(../theme/acces.jpg);
	line-height:26px;
	text-align:center;
	left:50%;
	top:0;
	font-size:1.1em;
	font-weight:bold;
}
#tete{
	position:relative;
	width:100%;
	height:80px;
}
#conteneur{
	position:relative;
	margin:0 auto;
	width:990px;
	padding:0;
	background-image:url(../theme/fpage.jpg);
	background-repeat:repeat-y;
}
#pied{
	position:relative;
	width:950px;
	height:52px;
	text-align:right;
	padding:50px 40px 0 0;
	line-height:1.4em;
	font-weight:bold;
	color:#666;
	background-image:url(../theme/pied.jpg);
	background-repeat:no-repeat;
	background-position:top;
	background-color:#97c807;
}
#hpage{
	position:absolute;
	top:-5px;
	left:0;
	width:990px;
	height:98px;
	background-image:url(../theme/hpage.gif);
	background-repeat:no-repeat;
}
#menu{
	position:relative;
	width:235px;
	float:left;
	padding:0 0 20px 0;
	margin:0;
}
/** PAGE **/
#page{
	position:relative;
	width:748px;
	float:left;
	padding:0;
	margin:0;
}
#tache{
	position:absolute;
	width:243px;
	height:205px;
	background-image:url(../theme/tachebp.jpg);
	bottom:102px;
	right:8px;
}
#pageg{
	position:relative;
	width:335px;
	margin-right:12px;
	float:left;
	padding:10px 25px 10px 10px;
	font-size:1.2em;
	line-height:1.2em;
	text-align:justify;
}
#paged{
	position:relative;
	width:333px;
	float:left;
	padding:10px 10px 10px 23px;
	font-size:1.2em;
	line-height:1.2em;
	text-align:justify;
}
.titre{
	position:relative;
	margin:43px 0 0px -10px;
}
.titre2{
	position:relative;
	margin:43px -10px 0 -25px !important;
	margin:43px -13px 0 -22px;
}
.titre3{
	position:relative;
	margin:43px -10px 0 13px !important;
	margin:43px -10px 0 16px;
}
.titre4{
	position:relative;
	margin:1em -10px 0 13px !important;
	margin:1em -10px 0 16px;
}

/**  MENU  **/
ul#blocnote{
	position:relative;
	width:225px;
	height:245px;
	background-image:url(../theme/blocnote.gif);
	background-repeat:no-repeat;
	list-style-type:none;
	margin:-5px 0 0 3px;
	padding:110px 0 0 0;
	color:#666;
}
ul#blocnote li{
	margin:0 -40px 0 0;
	padding:5px 0 18px 33px;
	font-size:1.4em;
	
}
.menuok{
	background-image:url(../theme/ok.jpg);
	background-position:8px 0px;
	background-repeat:no-repeat;
	font-weight:bold;
	color:#3e9200;
}
ul.inline{
	position:relative;
	margin:0;
	padding:0;
	list-style-type:none;
}
ul.inline li{
	display:inline;
	margin:0;
	padding:0;
}
#gallery{
	position:relative;
	width:236px;
	height:110px;
	margin-top:10px;
}
.vignette,a.vignette{
	margin-bottom:-26px;}
a.vignette:hover {
	z-index:500; 
	text-decoration:none;
	margin-right:-1px;
}
a.vignette span {display:none; text-decoration:none;}
#blocnote li a.vignette:hover span {
	display:block;
    position:absolute;
	font-size:0.7em;
	font-weight:normal;	 
    left:0px;   
	width:230px;
	height:26px;
	line-height:24px;	
	color:#fff;
	text-decoration:none;
    padding:4px 0 0 7px;
	background-image:url(../theme/vignette.gif);
	background-repeat:no-repeat;
}
#blocnote li#inacc a.vignette:hover span{top:129px;}
#blocnote li#invie a.vignette:hover span{top:164px;}
#blocnote li#inass a.vignette:hover span{top:199px;}
#blocnote li#intus a.vignette:hover span{top:234px;}
#blocnote li#inavo a.vignette:hover span{top:269px;}
#blocnote li#inpri a.vignette:hover span{top:272px;} 
/* avec georgia
#blocnote li#inacc a.vignette:hover span{top:129px;}
#blocnote li#invie a.vignette:hover span{top:163px;}
#blocnote li#inass a.vignette:hover span{top:196px;}
#blocnote li#intus a.vignette:hover span{top:230px;}
#blocnote li#inavo a.vignette:hover span{top:263px;}
#blocnote li#inpri a.vignette:hover span{top:297px;} */
/*=============================*/
/**  Mise en Forme du texte  **/
/*=============================*/
.sstitre{
	font-style:italic;
	margin-top:-1em;
}
/** FORM **/
fieldset{
	border:1px solid #98c908 ;
	width:310px;
	padding:5px;
}
legend{	
	border-bottom:1px solid #98c908;
	color:#98c908;
	font-weight:bold;
	font-size:1.2em;
	text-align:left;
	font-variant:small-caps;	
}
/** ACCUEIL **/
.bscreenv{border:2px solid #98c908; margin:0;}

h3.agenda,dl.agenda dt{
	color:#2c7700;
	font-weight:bold
}
h3.agenda{
	font-size:1em;
	margin-bottom:0;
	margin-top:1px;
}
dl.agenda dd{
	margin-left:0;
	margin-bottom:1.2em
}
.tgris{
	color:#888;
	font-style:italic;
	font-size:0.8em;
	margin-top:0em
}
h2.hactu{margin-bottom:0;}
#actu{
	position:relative;
	background-image:url(../theme/fvert.jpg);
	background-repeat:repeat-y;
	margin:0 -10px 0 -25px !important;
	margin:0 -13px 0 -22px;
	padding:1px 10px 0px 25px;
	border-bottom:1px solid #97c807;
}
.actu_dev{
	background-color:#CBE383;
	border:1px solid #97c807;
	padding: 0 2px;
}

/* * ASSIED * */
#taassi{
	font-size:1em;
	border-collapse: collapse;
}
#taassi td, #taassi{
	border:1px solid #97c807;
}
#taassi td{
	padding:2px
}
#dlassi dd{
	margin-left:10px
}
/** VIENS * */
ul.part{
	list-style-type:none;
	padding:0;
	margin:0;
}
.part li{
    /*background-position: 2px 4px;  position en  left top*/
	height:27px;
	line-height:27px;
    padding-left: 27px;
}
.part li#batz{ background: url(../images/amis/batz.jpg) no-repeat left;}
.part li#cap{ background: url(../images/amis/cap_a_gauche.jpg) no-repeat left;}
.part li#molf{ background: url(../images/amis/stmolf.jpg) no-repeat left;}
.part li#verts{ background: url(../images/amis/verts.jpg) no-repeat left;}


/* * VIENS  et ASSIED* */
ul.gal,ul.galassi{
	list-style-type:none;	
	padding:0;
	margin:0;
	width:333px;
	position:relative;
}
.gal li,.galassi li{
	display: inline;
	float:left;
	padding-top:2px;
	text-align:center;
	width:110px;
	margin:0px;
	font-size:0.9em;
	/*border: 1px dotted #000000;*/
}
.gal li{
	height:120px;
}
.galassi li{
	height:85px;
}


/** ASSIED et CONT + ADHERER **/
#formadh fieldset{
	margin-top:20px
}
#formassi p, #formcon p, #formadh p{
	margin:2px 0;
	float:left
}

#formassi p.pgauche,#formcon p.pgauche,#formadh p.pgauche{
	margin-right:6px
}
.pgauche input,.pdroit input{
	width:146px 
}
/** MEMBRECO **/
ul.cr, ul.arc{
	padding-left:10px;
	margin-top:0;	
}
ul.cr li{
	height:19px;
	line-height:19px;	
	margin-left:5px;
}
#branche{
	position:absolute;
	right:0;
	top:0;
}
.m2{
	margin:4px;
}

/* GALERIE */
ul#galerie{
	list-style-type:none;
	margin:15px 18px;
	padding:0;

}
.icon{
	position:absolute;
	top:-2px;
	left:-2px;
}
ul#galerie li{
	position:relative;
	padding:0;
	margin:5px;
	float:left;
}
.valid{
	position:relative;
	border:0;
	background-image:url(../theme/bform.gif);
	background-repeat:no-repeat;
	text-align:center;
	width:122px;
	height:23px;
	line-height:22px;
	color:#fff;
	font-weight:bold;
}
#adresse, #emal{
	width:302px;
}

/** Hack **/ 
	/*IE6*/
* html fieldset{	width:320px; margin:0 -2px;}
* html label{	padding-left:2px;}
* html #formassi p, * html #formcon p, * html #formadh p{margin:2px;}
* html #formassi p.pgauche,* html #formcon p.pgauche,* html #formadh p.pgauche{margin-right:4px}
* html .pgauche input,* html .pdroit input{	width:142px;}
* html .actu_dev{width:327px;}
	/*ie7*/
*+html fieldset{width:320px;}
*+html label{	padding-left:4px;}
*+html #formassi p, *+html #formcon p{margin:3px;}
	*+html .pgauche input,*+html .pdroit input{	width:144px;}
*+html #formassi p.pgauche,*+html #formcon p.pgauche{margin-right:2px}
*+html #paged{width:333px;}
*+html #pageg{margin-right:12px;}
* html #pageg{margin-right:8px;}
*+html #gallery{margin-bottom:40px;}
* html ul#galerie{margin:0 12px; background-color:#FF0000;}