*{
	margin:0;
	padding:0;
}
html{
	background-image:url('design/mot_html.gif');
	background-repeat:repeat-y;	
	background-color:#FFE965;
}
body {
	font-family:"Trebuchet MS",Verdana,Geneva,Arial,Helvetica,sans-serif;
	font-size:0.8em;
	z-index:0;
}
#header{
	width:inherit;
	height:126px;
	text-align:center;
	background-image:url('design/blason.gif');
	background-repeat:no-repeat;
}
#connect{
	width:inherit;
	color :#000000;
	height:23px;
	overflow:hidden;
	background-color:#FF9604;	
	border-bottom:1px solid #000000;
	border-top:1px solid #000000;
	text-align:right;
	padding-right:15px;
	padding-top:2px;
	background-image:url('design/mot_connect.gif');
	background-repeat:repeat-x;
}
#menu{
	position:absolute;
	left:0px;
	width:200px;
	margin-top:40px;
	background-image:url('design/fond_menu.jpg');
	background-repeat:no-repeat;	
}

#menu a{
    box-sizing: border-box;
    display: block;
    width: 128px;
    height: 23px;
    line-height: 23px;
    padding-left: 28px;
    margin-bottom: 7px;
    margin-left: 7px;
    color: #ffdb11;
    border: 1px solid #036021;
    text-decoration: none;
    font-height: 20px;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-image: transparent;
}
#menu a.menu1000mots{
    background-image: url(/design/menu/1000mots.png);
}
#menu a.menuagenda{
    background-image: url(/design/menu/agenda.png);
}
#menu a.menuconjugaison{
    background-image: url(/design/menu/conjugaison.png);
}
#menu a.menucontact{
    background-image: url(/design/menu/contact.png);
}
#menu a.menuhistorique{
    background-image: url(/design/menu/historique.png);
}
#menu a.menuliens{
    background-image: url(/design/menu/liens.png);
}
#menu a.menulivredor{
    background-image: url(/design/menu/livredor.png);
}
#menu a.menumembres{
    background-image: url(/design/menu/membres.png);
}
#menu a.menunews{
    background-image: url(/design/menu/news.png);
}
#menu a.menuphotos{
    background-image: url(/design/menu/photos.png);
}
#menu a.menupublications{
    background-image: url(/design/menu/publications.png);
}
#menu a.menuvie{
    background-image: url(/design/menu/vie.png);
}
#menu a.menunews{
    background-image: url(/design/menu/news.png);
}

#menu a.menu1000mots:hover{
    background-image: url(/design/menu/1000mots_a.png);
}
#menu a.menuagenda:hover{
    background-image: url(/design/menu/agenda_a.png);
}
#menu a.menuconjugaison:hover{
    background-image: url(/design/menu/conjugaison_a.png);
}
#menu a.menucontact:hover{
    background-image: url(/design/menu/contact_a.png);
}
#menu a.menuhistorique:hover{
    background-image: url(/design/menu/historique_a.png);
}
#menu a.menuliens:hover{
    background-image: url(/design/menu/liens_a.png);
}
#menu a.menulivredor:hover{
    background-image: url(/design/menu/livredor_a.png);
}
#menu a.menumembres:hover{
    background-image: url(/design/menu/membres_a.png);
}
#menu a.menunews:hover{
    background-image: url(/design/menu/news_a.png);
}
#menu a.menuphotos:hover{
    background-image: url(/design/menu/photos_a.png);
}
#menu a.menupublications:hover{
    background-image: url(/design/menu/publications_a.png);
}
#menu a.menuvie:hover{
    background-image: url(/design/menu/vie_a.png);
}
#menu a.menunews:hover{
    background-image: url(/design/menu/news_a.png);
}


.imgg{
	float:left;
	margin:0px 15px 0px 15px;
	border:1px solid #000000;	
}
.imgd{
	float:right;
	margin:0px 15px 0px 15px;
	border:1px solid #000000;	
}

h1{
}
h2{
	padding-top:15px;	
	position:relative;
	height:38px;
	margin-bottom:-4px;
	z-index:5
}
h3{	
	color:#008000;
	height:22px;
	padding-left:10px;
	font-size:1em;	
	font-weight:bolder;	
	background-image:url('design/mot_h3.gif');
	background-repeat:repeat-x;
	background-color:#FFCC00;
	padding-top:5px;
}
h5{	
	color:#222222;
	height:12px;
	font-size:1em;	
	font-weight:normal;	
	text-decoration:underline
}
h6{	
	color:#222222;
	font-size:1em;	
	font-weight:bolder;	
	border-bottom:1px solid #FFCC00;
	padding:20px 0px 2px 0px;
	margin:0px 8px 0px 8px;
}
h6:first-letter {
	font-size:1.4em;	
}
.preamb{
	margin:25px;
	color:#222222;
	font-size:1em;	
	font-weight:bolder;	
	text-indent:18px;
	background-image:url('design/preamb.gif');
	background-repeat:no-repeat;
}
input,select{
	text-align:center;
}
.texte{		
	position:relative;
	left:220px;
	text-align:justify;
	margin-top:30px;
	margin-bottom:30px;
	margin-right:245px;
	background-color:#FFE965;
}
.photos{
	border:1px solid #000000;
}
.photos_td{
	font-family:arial narrow;
	height:142px;
	width:186px;
	text-align:center;
	vertical-align:middle;	
	padding-bottom:30px;
}
a.txt{
	color:#FF0000;
}
a.txt:visited{
	text-decoration:none;
}
a.txt:hover{
	color:#FF9604;
}
a.txt:link{
	text-decoration:none;
}
cite{
	font-style:italic;
}
dfn{
	font-style:normal;
}
acronym,em{
	font-family:mono;
	color:#008000;
}
.actu{		
	margin-left:10px;
	background-color:#FFF4B5;
	border:1px solid #FFCC00;
	margin-top:0px;
	z-index:-3
}
.agenda{
	padding:4px;
	padding-top:8px;
	color:#222222;
	margin-left:45px;
	margin-top:0px;
	margin-bottom:10px;
	background-color:#FFF1A0;
	border-left:2px solid #FFCC00;
	border-bottom:1px solid #FFCC00;
	font-size:1em;
}
.agenda p,.agenda li{
	margin:0px
}
.agenda ul{
	list-style-type:disc;
}
.accueil{
	margin-top:25px;	
}
p,h5,li{
  	margin-left:25px;
  	margin-right:25px;
	margin-bottom:15px;
}
blockquote{
	 color:#EFC002;
	 font-size:0.8em;
	 text-align:right;
	 margin-left:15px;
	 margin-right:15px;
}
blockquote.avantp{
	 color:#EFC002;
	 font-size:1em;
	 text-align:right;
	 margin-left:22%;
	 margin-right:25px;
	 margin-bottom:25px;
}
div ul{
  	margin-left:12px;
  	margin-right:8px;
	list-style-position:inside;
	list-style-type:circle;
}
div ul ul{
	padding-top:8px;
	padding-bottom:8px;
	list-style-type:none;
	list-style-image:url("");
	text-indent:0px;
}
form{
	display:inline;
}
.menug{
	text-align:center;
	width:129px;
	color:#FFD800;
	display:block;
}
a.menug:visited{
	text-decoration:none;
}
a.menug:hover{
	color:#E1B400;
}
a.menug:link{
	text-decoration:none;
}
#menuc{
	padding-top:15px;
	padding-left:15px;
	width:200px;
}
.menuc{		
	color:#FF0000;
	display:block;	
}
a.menuc:visited{
	text-decoration:none;
}
a.menuc:hover{
	color:#FF6600;
	background-color:#FFE965;
}
a.menuc:link{
	text-decoration:none;
}
.submit{
	background-color:#FFE965;
	background-image:url("design/submit.gif")	;
	background-repeat:repeat-x;
	height:19px;
	padding:0px;
	margin:0px;
	font-weight:bold;
	font-size:9px;
	padding-top:-13px;
	color:#222222;
}
select {
	border:0;
	margin:-2px;
	voice-family:inherit;
	margin:-1px;
}
table{
  	margin-left:15px;
  	margin-right:15px;
	border-collapse:collapse;
}
td{
	margin-left:28px;
	height:32px;
}

.menu_suppl{
	padding-bottom:8px;
	margin-left:17px;
	border:1px solid #036021;
	width:129px;
}
.tab_img{
	border-collapse:collapse
}

.tab_img td,.tab_img th{
	text-align:center;
	border:1px solid #FFCC00;
	padding:7px;
}
#affich{
	border:1px solid #000000;
	width:508px;
	margin-bottom:25px;
}
.tabactu{
	border-collapse:collapse;
	width:80%;
}
.tabactu td,.tabactu th{
	border:1px solid #FF9900;
	background-color:#FFFFa5;
	vertical-align:middle;
	text-align:center;
}
.tabactu img{
	border-width:0px;
}	
.vispraw{
	width:80%;
	border-collapse:separate;
}
.vispraw td{
	height:200px;
	border:1px solid #FF9900;
	background-color:#FFFFa5;
	text-align:center;
}
.vispraw img{
	border:1px solid #333333;
}
.vispraw h6{
	margin:5px 0 5px 0;
	padding:0;
	text-align:center;
	/*border-width:0px;*/
}
.summary{
    width: 96%;
    border-collapse: collapse;
    margin-bottom: 100px;
}
.summary td{
    width: 25%;
    text-align: center;
    transition: all ease 0.4s;
    border: 1px solid #FF9900;
    background-color: #FFFFa5;
    vertical-align: middle;
    height: auto;
}
.summary td:hover{
    background-color: #fff9d4;
}
.summary td p{
    margin: 0;
}
.summary td a{
    color: black;
    text-decoration: none;
    padding: 6px 0 6px 0;
    display: block;
}


.verb{
    width: 96%;
    border-collapse: collapse;
    margin-bottom: 100px;
}
.verb td{
    width: 25%;
    text-align: center;
    border: 1px solid #FF9900;
    vertical-align: top;
    padding: 6px 0 6px 0;
    height: auto;
}
.verb td p{
    margin: 4px;
}
.verb .verb-header{
    background-color: #FFFFa5;
}