html, body, div, ul
{
	margin: 0;
	padding: 0;
}

li.submenu
{
	list-style-image : url(http://localhost/insieme/images/fleche2.png);
	margin-left : 40px;
	padding-top : 10px;
	padding-bottom : 10px;
}
li.submenu a
{
	color : green;
	text-decoration: none;
	font-size  : 1.2em;
	font-weight:bold
}

ul.submenu
{
	margin-bottom : 30px;
}



html
{
	height : 100%;
}
	
body
{
	text-align: center ;
	font : 0.8em "Trebuchet MS", helvetica, sans-serif;
	padding : 0;
	height: 100%;
}

div#main
{
	width: 990px ;
	min-height: 100%;
	margin: 0px auto;
	text-align: left ;
	position:relative;
	padding : 0;
	
	
}


div#menu
{
	width : 990px;
	height : 49px;
	margin : 0;
	padding : 0;
}

li#accueil,li#quoffronsnous,li#evenement,li#galerie,li#contact
{
	position : absolute;
	margin : 0;
	padding : 0;
	top : 0px;
	font-size : 1.1em;
	list-style-type: none ;
	font-weight:bold;
	width : 196px;
	line-height : 49px;
	height : 49px;
	vertical-align : middle;
	text-align : center;
	margin : 0;
	padding : 0;
}

li#accueil a,li#quoffronsnous a,li#evenement a,li#galerie a,li#contact a
{
	color:white;
	text-decoration: none;
	display: block ;
	background: url("../images/menubleu.png");
}

li#besoindevous a
{
	color:white;
	text-decoration: none;
	display: block ;
	background: url("../images/nousavonsbesoindevous.png");
}



li#accueil a:hover,li#quoffronsnous a:hover,li#evenement a:hover,li#galerie a:hover,li#contact a:hover
{
	color:white;
	text-decoration: none;
	display: block ;
	background: url("../images/menuvert.png");
}

li#accueil
{
	left: 0px;
}
li#quoffronsnous
{
	left: 198px;
}
li#evenement
{
	left: 396px;
}
li#galerie
{
	left: 594px;
}
li#contact
{
	left: 792px;
}

li#besoindevous
{
	position : relative;
	font-size : 1.1em;
	list-style-type: none ;
	font-weight:bold;
	width : 238px;
	line-height : 51px;
	height : 51px;
	vertical-align : middle;
	text-align : center;
}
div#header
{
	width : 988px;
	height : 280px; 
	margin : 0;
	padding : 0;
	background: url("../images/insiemecerebral.png");
}




div#top
{
	width : 990px;
	padding : 0;
	margin : 0;
	height : 35px;
}

div#topleft
{
	width : 238px;
	height : 35px;
	background : #007039;
	color : white;
	text-align : center;
	vertical-align : middle;
	line-height : 35px;
	padding : 0;
	margin : 0;
	font-size : 1.4em;
}

div#topright
{
	width : 752px;
	height : 35px;
	background : #FFFFFF;
	color : #026397;
	text-align : center;
	vertical-align : middle;
	line-height : 35px;
	padding : 0;
	margin : 0;
	position : relative;
	top : -35px;
	left : 238px;
	font-size : 1.1em;
	font-weight:bold;
}
div#left
{
	width : 238px;
	padding : 0;
	margin : 0;
	float : left;
}
div#middleleft
{
	width : 100%;
	padding : 0;
	margin : 0;
	background-color : #00DC77;
	background-image:url(../images/basmenu.png);
	background-repeat : no-repeat;
	background-position : bottom;
	padding-bottom : 50px;
	padding-top : 10px;
}
div#bottomleft
{
	width : 100%;
	height : 51px;
	padding : 0;
	margin : 0;
	color : white;
	background-image:url(../images/nousavonsbesoindevous.png);
}

div#middleleft ul
{
	width : 238px;
	padding : 0;
	margin : 0;
}

div#middleright
{
	width : 752px;
	padding : 0;
	margin : 0;
	float : right;
	height : 35px;
	background-image : url(../images/title.png);
	color : white;
	text-align : center;
	vertical-align : middle;
	line-height : 35px;
	padding : 0;
	margin : 0;
	font-size : 1.4em;
}

div#right
{
	margin-left : 245px;
}

div#right a
{
	color : #0075AA;
	font-weight:bold;
	text-decoration : none;
	
}

div#bottomright
{
	padding-top : 55px;
}

div#contentleft
{
	float : left;
	width : 330px;
	margin-left : 15px;
	margin-right : 20px;
	text-align: justify;
}
div#contentmiddle
{
	background-color : #007039;
	width : 2px;
	height : 200px;
	float : left;
	margin-top : 20px;
}

div#contentright
{
	float : left;
	width : 330px;
	margin-left : 20px;
	margin-right : 15px;
	text-align: justify;
}

div#contentright ul, div#contentleft ul
{
	padding-left : 20px;
}

h3, th
{
	color : #00A158;
	font-size : 1.2em;
}

img.greenborder
{
	border: 2px solid #00A158; 
	text-align: center;
	margin-top : 10px;
     	margin-left: 15px;
     	vertical-align : top;
}
img.blueborder
{
	border: 2px solid #026397; 
	text-align: center;
	margin-top : 10px;
     	margin-left: 15px;
     	vertical-align : top;
}