<!--
html, body { height: 100%; }

body {
	font: 90%/150% Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	color: #000;
	background-attachment: fixed;}
	
body#bodymoabig { background: #000 url(../i/bg_fleursb.jpg) repeat fixed; }
body#bodymoa { background: #000 url(../i/bg_fleurs.jpg) repeat fixed center bottom; }
body#bodycha { background: #000 url(../i/bg_web5.jpg) repeat fixed; }
body#bodytra { background: #000 url(../i/bg_liens.jpg) repeat fixed;}
body#bodylie { background: #000 url(../i/bg_fleurs2b.jpg) repeat fixed; }
body#bodycon { background: #000 url(../i/bg_shit.gif) repeat fixed; }

#all { 
	padding: 30px 30px 20px; 
	margin: 0px;
	background: transparent url(../i/logo_vert.gif) no-repeat 30px 13px; }

* { 
	outline: none;
	padding: 0px;
	margin: 0px; }
	
a, a:link, a:visited { 
	color: #000; 
	padding: 4px 5px 5px; padding: 2px 10px;
	background: #fff;
	cursor: pointer;}
a:hover, a:active { 
	color: #000;  
	background: #9f0; }
	
h1, h2, h3, h4, h5, h6, p { 
	margin: 0px;
	padding: 0px; }


img { border: 0px; }

#titre {
	/*margin-top: 10px; */ 
	margin-bottom: 30px;
	margin-left: 52px; }
#titre h1 span, #titre h1 span.baali {
	color: #fff;
	font-size: 140%;
	background: #fa396f;
}

#titre h1 span+span.v8, #titre h1 span.v8 { 
	font-size: 80%; 
	color: #000;
	padding: 3px;
	background: #cfc;}

#nav { 
	margin-bottom: 25px; 
	font-size: 80%; }
#nav a, #nav a:link, #nav a:visited { 
	color: #000; 
	text-decoration: none; 
	padding: 3px 5px; 
	border: 3px solid #fff;
	background: #fff; }

#nav a.moa:hover, #nav a.moa:active { 
	color: #fff;  
	border: 3px solid #8d9c7d; 
	background: #8d9c7d; }
#nav a.cha:hover, #nav a.cha:active { 
	color: #fff;  
	border: 3px solid #07bcba; 
	background: #07bcba; }
#nav a.tra:hover, #nav a.tra:active { 
	color: #fff;  
	border: 3px solid #f30; 
	background: #f30; }
#nav a.lie:hover, #nav a.lie:active { 
	color: #fff;  
	border: 3px solid #f60; 
	background: #f60; }
#nav a.con:hover, #nav a.con:active { 
	color: #fff;  
	border: 3px solid #360; 
	background: #360; }
	
#nav form, #nav form:focus { display: inline; color: #000; border: 0px; }
#nav select, #nav select:focus  { 
	color: #000; 
	border: 1px solid #9f0;
	background: #fff;
	padding: 2px 0px 2px 4px;
	font-size: 90%; 
	margin-left: 10px; }
#nav option, #nav option:focus { border: 0px; color: #fff; }
#bodymoabig #nav a.moa,
#bodymoa #nav a.moa,
#bodycha #nav a.cha,
#bodytra #nav a.tra,
#bodylie #nav a.lie,
#bodycon #nav a.con { border: 3px solid #000;background: #000; color: #fff; }
#bodymoabig #nav a.moa:hover { padding: 6px 8px;background: none; color: #8d9c7d;border:0; }
#bodymoa #nav a.moa:hover { padding: 6px 8px;background: none; color: #8d9c7d;border:0; }
#bodycha #nav a.cha:hover { padding: 6px 8px;background: none; color: #07bcba;border:0; }
#bodytra #nav a.tra:hover { padding: 6px 8px;background: none; color: #f30;border:0; }
#bodylie #nav a.lie:hover { padding: 6px 8px;background: none; color: #f60;border:0; }
#bodycon #nav a.con:hover { padding: 6px 8px;background: none; color: #360;border:0; }

#presub { /*font-size: 80%;*/ margin: 55px 0px 15px; display: block; }
.contentpresub { width: 20px; display: inline; }
#presub a, #presub a:link, #presub a:visited { 
	padding: 1px 10px; 
	margin-top:12px; 
	color: #fff; 
	background: #09c;
	text-decoration: none;
	font-size: 160%;
	font-weight: bold;
	border: 3px solid #fff; }	
#presub a:hover, #presub a:active { 
	color: #000; 
	background: #ff6;
	border: 3px solid #ff6; }

#content { margin-top: 20px; }
#content2 { margin-top: 20px; }

#content img.bord { border: 10px solid #fff; }

/*#bodymoa #content2 a, #bodymoa #content2 a:link { 
	padding: 0px; 
	width: 75px; 
	height: 75px;
	border: 5px solid #fff; 
	float:left;
	margin: 0px 25px 10px 0px; }
#bodymoa #content2 a:visited { border: 5px solid #fff; }
#bodymoa #content2 a:hover, #bodymoa #content2 a:active { background: transparent url(../i/overlay.png) repeat; }
#bodymoa #content2 a:hover img, #bodymoa #content2 a:active img { visibility: hidden; }*/


.cube {
	padding: 0px; 
	width: 75px; 
	height: 75px;
	border: 5px solid #fff; 
	float:left;
	margin: 0px 25px 10px 0px; }
.cube a, .cube a:link, .cube a:visited { margin: 0; padding: 0;
	background: transparent; }

/*.cube:hover, .cube:active,*/
.cube a:hover img, .cube a:active img
 { filter:alpha(opacity=40);-moz-opacity:.40;opacity:.40; }


#bodymoabig h2, #bodytra h2, #bodycha h2 { 
	color: #096; 
	text-transform: uppercase; 
	font-size: 90%;
	margin-bottom: 5px;
	padding: 0px; }

#bodycon h2, #bodylie h2, #bodymoa h2 {  
	text-transform: uppercase; 
	font-size: 80%;
	margin-bottom: 5px;
	padding: 0px;  }
	
/*#bodycon h2 { 
	color: #360; }
#bodylie h2 { 
	color: #f60; }
#bodymoa h2 { 
	color: #8d9c7d; }
#bodycha h2 { 
	color: #07bcba; }
#bodytra h2 { 
	color: #f60; }
#bodymoabig h2 span { 
	color: #f9c;
	background: #000;}*/

#bodycon h2,
#bodylie h2, 
#bodymoa h2,
#bodycha h2,
#bodytra h2,
#bodymoabig h2 span { 
	color: #cf0;
	background: #000;}
	
/*#bodycon h2 span, #bodylie h2 span, #bodymoa h2 span {  
	background: #9fc;border: 5px solid #fff;  }*/
	
	
#bodymoabig p, #bodytra p { 
	font-size: 80%; 
	line-height: 140%; 
	margin: 2px 0px 5px; }
	
#bodycha p { 
	font-size: 80%; 
	line-height: 140%; 
	margin: 0px 5px 20px; }

#bodycon p { 
	font-size: 80%; 
	margin: 15px 0px 15px; }
#bodycon p span { background: #fff; padding: 10px; margin: 0; }
#bodycon p span.txt { display: block; width: 200px; }
#bodycon p span.txt2 { display: block; width: 320px; }

#bodycon p span.txt input { width: 200px; }
#bodycon p span.txt2 textarea { width: 320px; }

input, textarea { border: 1px solid #096; background: #fff; }
input.envoyer { font-size: 110%; font-weight: bold; background: url(../i/envoyer.gif) no-repeat 0px 1px; border: 0; padding-left: 17px;
	/*text-transform: uppercase;*/ }
	
#bodylie p {
	font-size: 80%;
	line-height: 140%;
	margin: 5px 0px;
	width: 140px;
	overflow: hidden;
	/*background: #fff;*/ 
	padding: 1px;}
	
#bodylie p span {margin-bottom: -20px; padding: 1px 5px; padding-bottom: 0px; }
#bodylie a { text-decoration: none; }

span, label { background: #fff; padding: 2px 10px; }
.brcl { clear: left; height: 0px; }

#flashcontent, #exception { border: 10px solid #fff; background: #fff; }
 #content2 td a:hover { background: #ff0; }


#web {
	position: relative;
	margin: 0px;
	padding: 0px;
	width: 100%;
	margin-bottom: 120px; }

#web-contenu {
	margin: 0px;
	padding: 10px; }

/*	margin: 10px 0px 10px 0px;
	padding: 0px }*/
#bodytra #web a {
	float: left;}
#bodytra #web a img, #bodytra #web a:link img { 
	margin: 10px 20px 10px 0px;
	padding: 16px 0px 0px 0px;
	float: left; }
#bodytra #web a:visited img { 
	opacity: .8;
	filter: alpha(opacity=80); }
#bodytra #web a:hover img, #bodytra #web a:active img {
	opacity: .5;
	filter: alpha(opacity=50); }
#bodytra #web a.futur img {
	background: transparent url(../i/futur.gif) no-repeat 0px 0px; }
#bodytra #web a.enligne img { 
	background: transparent url(../i/enligne.gif) no-repeat 0px 0px; }
#bodytra #web a.off img { 
	background: transparent url(../i/off.gif) no-repeat 0px 0px; }

#bodytra #web div.collabo2 {
	background: transparent url(../i/collabo.gif) no-repeat 0px 0px; }

-->