*
{
    font-family: Verdana, Arial;
    font-size: 10pt;
    margin: 0;
    padding: 0;
}

a:link
{
    color: #000;
    text-decoration: none;
}

a:hover, a:visited:hover
{
    text-decoration: none;
    border-bottom: thin dashed #2b93b6;
}

a:visited
{
    text-decoration: underline;
    color: #000;
}

body
{
    background-color: #000;
}

img
{
    border: 0;
}

ul li
{
    list-style-position:inside;
    list-style-image: url("/spip/squelettes/images/puce-bleue-lien.gif");
}

ul.news
{
	# background-color: lightblue;
}

div.box div ul li
{
#    margin: 10px;
#    padding: 10px;
#    list-style: none;
    overflow: auto;
    list-style-image: url("/spip/squelettes/images/puce-bleue-lien.gif");
}

ul.news li img
{
    float: left;
    margin: 0px 10px 5px 0px;
}

ul.news li a
{
    color: #2b93b6;
}

div#events
{
#	margin: 10px;
#	background-color: lightgrey;
}

div.box
{
	margin: 0px;
	padding: 0px;
}
div.box div
{
	background-color:  #EFEFEF;	
	padding: 5px;
	padding-left: 10px;
	border: solid 1px grey;
}

div.box div div 
{
	border: none;
}

div.box span
{
	border: solid 1px blue;
	font-color: white;
	background-color: lightblue;
	font-size: 10pt;
	margin: 0px;
	padding: 0px 10px 0px 10px;
}

div.box ul
{
	padding-left: 5px;
}
div.box div h3
{
	margin-bottom: 5px;
}

div#events ul#evt
{
	display: block;
}

div#events h3
{
	text-align: center;
	border-bottom: solid 2px grey;
}

div#events ul li
{
	list-style-image: url("/spip/squelettes/images/puce-bleue-lien.gif");
}

div#trace
{
    background-color: #2b93b6;
    color: #fff;
    height: 20px;
    padding: 2px;
}

div#container
{
    width: 95%;
    border: solid 5px #2b93b6;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5px;
    margin-bottom: 5px;
#    background-color:  #EFEFEF;
	background-color: #FFF;
}

div#header
{
    background-image: url("/spip/squelettes/images/clx-repeat1.png");
    background-repeat: repeat-x;
    width: 100%;
    height: 160px;
    background-color: #fff;
    border-bottom: solid 5px #2b93b6;
}

span#header_logo
{
position: relative;
left: 0px;
top: -9px; 
}

span#header_bandeau
{
position: relative;
left: 100px;

}

span#spacer {
clear: both;
height: 160px;
}

div#menu
{
    width: 16%;
	  height: 100%;
    float: right; 
    background-color:  #EFEFEF;
    padding: 5px;
    border-left: solid 5px #2b93b6;
}

div#menu ul li
{
	list-style-image: url("/spip/squelettes/images/puce-bleue-lien.gif");
}

div#menu h2:first-child
{
    margin: 0px 0px 1px 0px;
}

div#menu h2
{
    text-align: right;
    color: #2b93b6;
    font-size: 12pt; 
    border-bottom: thin solid #2b93b6;
    margin: 10px 0px 10px 0px;
}

h2 a:link, h2 a:visited
{
    text-decoration: none;
}

input
{
    max-width: 90%;
}

div#content
{
    width: 80%;
    background-color: #fff;
    padding: 5px;
#    border-right: solid 5px #2b93b6;
}

div#content h1
{
    color: #2b93b6;
    width: auto;
    font-size: 15pt; 
    border-bottom: thin dashed #2b93b6;
    margin-bottom: 15px;
}


div#rubrique
{
    width: 590px;
    float: left;
    height: 100%;
    background-color: #fff;
    padding: 5px;
}

div#rubrique h1
{
    color: #2b93b6;
    width: auto;
    font-size: 15pt; 
    border-bottom: thin dashed #2b93b6;
    margin-bottom: 15px;
}

div#bottom
{
    clear: both;
    width: 100%;
    height: 40px;
    background-color: lightblue;
    border-top: solid 5px #2b93b6;
    padding-top: 5px;
}


span#separation
{
	float: left;
	clear:both;
    background-color: lightblue;
	width: 590px;
    height: 25px;
}

span#separation h1
{
    color: #2b93b6;
    width: auto;
    font-size: 15pt; 
    border-bottom: thin dashed #2b93b6;
    margin-bottom: 15px;
}

div#evenement
{
    height: 100%;
    background-color: #fff;
    padding: 5px;
}

a.evenement:link
{
    color: #000;
    text-decoration: none;
}

a.evenement:hover, a:visited:hover
{
    text-decoration: none;
    border-bottom: thin dashed #2b93b6;
}

a.evenement:visited
{
    text-decoration: underline;
    color: #000;
}