@import "cleo.css";
hr {display:none;}

html{
	height: 100%;
}
body{
	margin:0;
	padding:24px 0 0 0;
	font-family: verdana, sans-serif;
	font-size: 70%;
	height: 100%;
	color: #110E58;
	/*border-top: 15px solid #fff;*/
}
#main{
	height: 100%;
	position : relative;
}
p{
	margin: 3px 0;
	text-align: justify;
}
fieldset{
	border: none;
	margin: 0;
	padding: 0;
}
input{
	font-size: 10px;
}
table.tab { 
	border-spacing: 0;
 	border-collapse: collapse;
	empty-cells: show;
}

table.tab td, table.tab th { 
	border: 1px solid #000000; padding: 5px; font-size: 12px;
}

	
img {
	border: none;
	margin: 0;
}

a.faux {
	cursor: pointer;
}

a {
	color: #333;
	text-decoration: none;
}

a:active {
	color: #110E58;
}

a:hover {
	color: #94a2B0;
}

#header {
	margin:  0;
	background-color: #fff;
}

#header h1{
	margin: .3em 0 0 0;
}
#logo{
	float: left;
	width: 399px;
	background-color: #fff;
}
#lettre {
	float: right;
	height: 61px;
	width: 150px;
	background-color: #BCCAD8;
	background-image: url(../images/deco/bord-lettre.png);
	background-position: top left;
	background-repeat: no-repeat;
	/*padding: 5px 0 5px 35px;*/
	padding-left: 25px;
	padding-top: 5px;
	margin: .5em 0 0 0;
}
#lettre label{
	text-transform: uppercase;
	color: #253069;
	font-size: 10px;
	display: block;
}
#lettre div {
	margin: 0;
}
#lire{
	display: block;
	background-image: url(../images/nav/lire-lettre.png);
	background-repeat: no-repeat;
	background-position: 0 2px ;
	padding-left: 15px;
	margin: 5px 0;
	vertical-align: middle;
}
.formulaire
{
	margin-bottom: 0px;
	margin-top: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}

.formulaire div {
	display: inline;
	margin: 0;
}
			
#navprinc {
	background-color: #fff;
	position: absolute;
	left: 0;
	top: 13.8em;
	height: 18px;
	padding-top: 2px;
	border-bottom: 1px solid #C2C2C2;
	/*clear: both;*/
	width: 100%;
}

#navprinc img {
	display: block;
}

img.gauche {
	float: left;
}

img.droite {
	float: right;
}
#recherche {
	position: absolute;
	left: 0;
	top: 15.7em;
	width: 66%;
	margin-left: 17%;
	margin-right: 17%;
	background-color: #DDF291;
	height: 31px;
}
#recherche input{
	vertical-align: middle;
	margin: 5px;
	margin-right: 0;
}
#gauche, #gauche-retour {
	position: absolute;
	top: 15.7em;
	left: 0;
	width: 17%;
	background: #EEE;
	height: 800%;
}
#gauche-retour{
	width: 5%;
}
a.retour{
	display: block;
	text-align: right;
	margin-top: 42px;
}
span.deco-gauche, span.deco-droite{
	display: block;
	height: 19px;
	background-image: url(../images/deco/band_gauche.png);
	background-repeat: no-repeat;
	background-position: top left;
	background-color: #3E5385;
}
span.deco-droite{
	background-image: url(../images/deco/band_droit.png);
}
#droite {
	position: absolute;
	top: 15.7em;
	right: 0;
	width: 17%;
	background: #EEE;
	height: 800%;
}
a.col {
	text-decoration: none;
	color: #4C4C4C;
}

a.col:active {
	text-decoration: none;
	color: #4C4C4C;
}

a.col:hover {
	text-decoration: none;
	color: #000;
}

#contenu {
	background-color: #fff;
	height: 100%;
	clear: both;
}

#milieu, #milieu-site {
	position: absolute;
	top: 18.4em;
	left: 17%;
	margin-right: 17%;
	width: 62%;
	background-color: #fff;
	padding: 5ex 2%;
}
#milieu-site{
	left: 5%;
	margin-right: 17%;
	width: 74%;
	/*padding-top: 0px;*/
}
#milieu h2, #milieu-site h2{
	margin-top: 0px;
}

#milieu h2 img, #milieu-site h2 img{
	position: absolute;
	left: 0;
	top: 0;
}

#milieu h3, #milieu-site h3{
	color: #3F95BD;
	text-transform: uppercase;
	font-size: 100%;
	padding-left: 20px;
	margin: 0 0 0 0;
}
#milieu-site h3{
	padding-left: 2%;
}
#milieu h4.titre-txt{
	font-size: 115%;
	margin-left: 20px;
	margin-right: 20px;
	color: #874BAD;
}
#milieu p.corps{
	font-size: 105%;
	padding: 0 20px;
	text-align: justify;
	line-height: 150%;
}

p.corps a.suite{
	margin: 2ex 0 0 0;
}

div.auteur{
	text-align: right;
	font-weight: normal;
	margin: 0 20px;
}
.accueil{
	background-image: url(../images/une.png);
	background-position: top left;
	background-repeat: no-repeat;
}
#suggerer {
	padding: 10px 10px 10px 10px;
	background-color: #F8F8F8;
	border-bottom: #77CEB5 solid 1px;
}

#suggerer .titre {
	font-weight: bold;
	color: #333;
}

#suggerer .message {
	font-size: 10px;
}


.apropos{
	padding: 5px 10px 10px 10px;
	border-bottom: 1px solid #C2C2C2;
	background: #EEE;
}
#list-cat, #list-cat dt, #list-cat dd, #list-up, #list-up dt, #list-up dd, #categ-all dt, #categ-all dd{
	padding: 0;
	margin: 0;
}
#list-cat dt.top, #categ-all ul li a{
	margin-bottom: 5px;
	border-top: #C2C2C2 solid 1px;
	padding-left: 10px;
	padding-top: 10px;
}
#categ-all ul li a{
	padding-left: 0;
	margin-bottom: 0px;
	border: none;
}
#list-cat dl, #list-cat ul{
	margin: 0;
	padding-left: 10px;
	margin-bottom: 10px;
}
#list-cat ul, #categ-all ul{
	padding: 0;
	list-style: none;
}
#list-cat dl.top-left, #list-cat dl.top-right {
	margin: 0;
	background: #EEE;
	padding: 0px 0px 10px 0px;
}

#list-cat dl.top-left dd dl dt{
	padding: 0 .5em 0 0;
}

#categ-all dl.top-left, #categ-all dl.top-right{
	margin: 0;
	padding: 0px 0px 10px 0px;
}
#list-up{
	margin-left: 20px;
}
#list-up h4{
	margin-bottom: 3px;
	clear: both;
	text-align: left;
	font-size: 115%; 
}
a.home-up{
	color: #6A00AD;
}
#list-up{
	margin-right: 10px;
}

#all-cat {
	padding: 10px 10px 10px 10px;
	/*border-bottom: #C2C2C2 solid 1px;*/
}
div.list-items{
	margin-bottom: 30px;
	text-align: right;
	margin-right: 10px;
	background-image: url(../images/deco/points.png);
	background-repeat: repeat-x;
	background-position: bottom left;
	padding-bottom: 30px;
}
div.cat-type{
	background-color: #eee;
	padding: 10px;
	margin-top: 10px;
	height: 15px;
}
.titre, .titre-dt, #categ-all li.level0 a{
	color: #026793;
	font-weight: bold;
}
#list-cat a.titre-dt{
	background: url(../images/pictos/fleche_claire.png) right top no-repeat;
	display: block;
	margin-right: 10px;
	height: 16px;
	padding-top: 2px;
}
#categ-all li.level0{
	margin-right: 0;
	padding-left: 30px;
	background: url(../images/pictos/fleche_bl.png) left top no-repeat;
}

#categ-all ul.level0{
	float: left;
	width: 45%;
}

#categ-all ul li ul li a{
	font-weight: normal;
}

span.cat{
	display: block;
	text-align: left;
	width: 50%;
	float: left;
}
span.type{
	float: right;
	display: block;
}
.suite{
	display: block;
	text-align: left;
	margin-bottom: 5px;
	padding-left: 20px;
	background-image: url(../images/pictos/fleche_or_bl.png);
	background-repeat: no-repeat;
	background-position: 0 3px;
	height: 16px;
	font-weight: bold;
}
div.descri{
	margin: 0;
	margin-bottom: 5px;
	text-align: justify;
	line-height: 150%;
	font-size: 100%;
}
.calenda-voir{
	display: block;
	height: 50px;
	width: 100px;
	color: #110E58;
	background-image: url(../images/pictos/fleche_calenda.png);
	background-repeat: no-repeat;
	background-position: 0 8px;
	padding-left: 20px;
	margin-left: 10px;
	margin-top: 20px;
}

.vlib{
	display: block;
	height: 50px;
	width: 100px;
	color: #110E58;
	background-image: url(../images/pictos/fleche_calenda.png);
	background-repeat: no-repeat;
	background-position: 0 8px;
	padding-left: 20px;
	margin-left: 10px;
	margin-top: 20px;
}

a.titre-site, .url-site, h5{
	font-size: 13px;
	color: #874BAD;
}
.url-site, h5{
	font-size: 100%;
}
div.site, div.site-list{
	margin: 0 20px;
}
div.site-list{
	background-image: url(../images/deco/points.png);
	background-position: center bottom;
	background-repeat: repeat-x;
	padding-bottom: 25px;
	margin: 0 0 25px 0;
}

div.site-list p{
	line-height: 150%;
	margin: 0 0 2ex 0;
}

span.categ-sep{
	display: block;
	background-image: url(../images/deco/point_seul.png);
	background-position: left top;
	background-repeat: repeat-x;
	margin: 15px 0 25px 0;
}
h4.site-list, h4.site{
	margin-top: 5px;
	padding-top: 0px;
	margin-bottom: 5px;
	color: #6A00AD;
}
span.lang-pub{
	display: block;
	text-align: right;
	float: right;
}
h5.descri-site, h5.avis-site, h5.historique-site, h5.contrib-site, h5.rub-site{
	font-weight: normal;
	background-image: url(../images/pictos/interro_violet.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	padding-left: 20px;
	margin-bottom: 3px;
	height: 16px;
}
h5.avis-site, h5.historique-site, h5.contrib-site, h5.rub-site{
	background-image: url(../images/pictos/excla_violet.png);
}


div.annexe{
	margin-top: 20px;
	padding: 10px;
	background-color: #eee;
}
a.imprim, a.ecran, span.rel-cat, a.signalersite, a.signalerpb{
	display: block;
	margin: 10px;
	margin-right: 0;
	background-repeat: no-repeat;
	background-position: 0 0;
	padding-left: 20px;
}
span.rel-cat{
	height : 26px;
}

a.imprim{
	background-image: url(../images/pictos/imprim.png);
	margin-top: 25px;
	margin-right: 10px;
	height: 16px;
}
/*a.signalersite {
	background-image: url(../images/nav/suivant.png);
	margin-top: 25px;
	margin-right: 10px;
	height: 16px;
}*/

a.ecran, a.signalersite, a.signalerpb{
	background-image: url(../images/pictos/ecran.png);
	height: 16px;
}
#rel-cat li, #rel-cat ul{
	padding-left: 0px;
}
#rel-cat a{
	font-weight: bold;
	color: #026793;
}
span.rel-cat{
	margin-top: 25px;
	font-weight: bold;
	background-image: url(../images/pictos/fleche_cat.png);
	background-position: 0 7px;
	padding-left: 25px;
}
span.right{
	display: block;
	float: right;
}
div.categ, #categ-all{
	margin: 0 20px;
}
a.sup-categ, #milieu h3.categ{
	color: #026793;
}
li.list-categ, ul.list-categ{
	display: inline;
	padding: 0;
	margin: 0;
}
ul.list-categ{
	display: block;
	padding-bottom: 15px;
	background-image: url(../images/deco/point_seul.png);
	background-repeat: repeat-x;
	background-position: bottom left;
}
#milieu h3.categ{
	background-image: url(../images/pictos/categ.png);
	background-repeat: no-repeat;
	background-position: top left;
	padding-left: 30px;
	margin-top: 8px;
	height: 16px;
}
h6.sscat{
	font-size: 100%;
	font-weigt: normal;
	margin-left: 30px;
	margin-bottom: 5px;
}
a.sscat{
	display: block;
	margin-left: 50px;
	width: 35%;
}
span.complet{
	display: block;
	margin-right: auto;
	margin-left: auto;
	padding-left: 20px;
	background-image: url(../images/pictos/fleche_or.png);
	background-repeat: no-repeat;
	background-position: 0 3px;
	color: #FF6600;
	width: 120px;
	height: 16px;
}
a.complet{
	color: #FF6600;
}
hr.point{
	border: none;
	height: 1px;
	color: transparent;
	background-image: url(../images/deco/point_seul.png);
}
span.indisp{
	display: block;
	padding-left: 15px;
	color: red;
	background-image: url(../images/pictos/indisp.png);
	background-repeat: no-repeat;
	background-position: 0 2px;
}
a.indisp{
	color: red;
	text-decoration: underline;
}
a.idem-cat{
	display: block;
	margin-left: 10px;
}
h5.idem-cat{
	color: #026793;
	margin-bottom: 5px;
	margin-left: 10px;
	font-weight: normal;
}
div.idem-cat{
	border-bottom: 1px solid #fff;
	padding-bottom: 10px;
}
div.class{
	border-top: 1px solid #fff;
}
strong.idem-cat{
	margin-left: 10px;
	display: block;
}
div.sep{
	border-top: 1px solid #B5D4DF; 
	border-bottom: 1px solid #B5D4DF;
	padding: 5px 0;
}
#categ-all dl.top-left{
	float: left;
	width: 50%;
}
#categ-all dl.top-right{
	float: right;
	width: 50%;
}
li.sep{
	display: block;
	clear: both;
}
#list-cat span.sep{
	display: none;
}

#categ-all{
	margin: 4ex 0 0 0;
}

#categ-all ul{
	padding-left: 0;
	margin-left: 0;
}

#categ-all li.left, #categ-all li.right{
	width: 40%;
	background: url("../images/pictos/fleche_bl.png") top left no-repeat;
	padding: 0 0 0 25px;
	color: #026793;
	font-weight: bold;
}

#categ-all li.left a, #categ-all li.right a{
	color: #026793;
}

#categ-all ul li.left ul li a, #categ-all ul li.right ul li a{
	color: #333;
	font-weight: bold;
}

#categ-all ul li.left ul li ul li a, #categ-all ul li.right ul li ul li a{
	color: #333;
	font-weight: normal;
}

#categ-all ul li.left ul li ul li, #categ-all ul li.right ul li ul li{
	margin-bottom: 0;
}

#categ-all ul li.left ul li, #categ-all ul li.right ul li{
	margin-bottom: 2ex;
}

#categ-all li.left a:hover, #categ-all li.right a:hover{
	color: #94a2B0;
}

#categ-all li.left p, #categ-all li.right p{
	font-weight: normal;
	text-align: left;
	margin: .5ex 0 1.5ex 0;
}

#categ-all li.left{
	float: left;
}

#categ-all li.right{
	float: right;
}

#categ-all li{
	padding-left: 0;
	margin-left: 10px;
}
#categ-all dl{
	margin-left: 30px;
}
#categ-all ul{
	margin-bottom: 15px;
}
#categ-all dd.desc, #categ-all dd.desc1{
	margin-left: 30px;
	margin-bottom: 10px;
	color: #026793;
	font-size: 10px;
}
#categ-all dd.desc1{
	margin-left: 0;
	margin-bottom: 5px;
}

#form-ajout{
	margin-left: 20px;
}
#form-ajout label{
	display: block;
	font-weight: bold;
	text-align: left;
	margin: 15px 0 5px 0;
}

#form-ajout input.suggerer, #form-ajout #description{
	width: 500px;
}

#form-ajout label .conseil{
	display: block;
	font-weight: normal;
	font-size: 90%;
	color: #026793;
}

#form-ajout br.nobr{
	display: none;
}

span.date-txt{
	font-weight:normal;
	font-size:smaller;
	margin-top:5px;
	text-align: left;
}
div.nav{
	margin: 15px 0;
	border-top: 1px solid #eee;
	padding-top: 15px;
}
span.contact{
	display: block;
	position: absolute;
	top: 0;
	right: 6%;
	font-weight: bold;
	margin: 5px 0 0 0;
	width: 50%;
	color: #666;
	text-align: right;
}
.error {
	color : #ff0000;
}

#footer{
	position: relative;
	margin-top: 10ex;
	padding-bottom: 10ex;
}

#footer a.admin, #footer p.rss{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}

#footer p.rss{
	right: 0;
	text-align: right;
}

#form-ajout #recaptcha_area label{
	margin: 0;
	padding: 0;
} 

#form-ajout p.captchaInfo{
	margin: 1ex 0 2ex 0;
}


#warning{
	height: 5.5em;	
	padding: .3em;
	border: .5em solid red;
}

#warning p{
	text-align: center;
}




