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

html {font-size:100%;}

body {
    font-family:"Trebuchet MS";
    font-size:13px;
    line-height:1.4em;
    background:url(img/bg.jpg) repeat-y top center #FFF;
    color:#818181;
    }

input, select, textarea {font-size:100%;}

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

a:hover {
    color:#41CCF3;
    }

img {border:none;}

h1, h2, h3, h4, h5, h6 {margin:0; padding:0;font-size:13px;font-weight:normal;}

#wrap {
    margin:0; padding:0;
    background:url(img/wrapper.jpg) no-repeat top center transparent;
    }

#container {
    width:860px;
    margin:0 auto;
    padding:0 30px;
    }

div.cleaner {clear:both;margin:0; padding:0;line-height:10px;height:10px;width:100%;}

/* Formulaire recherche très chiant */

#searchbox {float:right;margin:0; padding:15px 10px 0 0;}
#searchbox form {margin:0; padding:0;}
#searchbox fieldset {margin:0; padding:0; border:0;}

#searchbox input {border:0;background:#2A8CA7;color:#fff;font-size:12px;}

#searchbox input.text {margin:0 10px 0 0;padding:0;width:155px;}
#searchbox input.submit {margin:0 0 0 10px; padding:0;font-weight:bold;}

/* On reprend le flux de la page */

#header {
    margin:0; padding:0;
    height:340px;
    }

#title {
    clear:both;
    margin:0; padding:0;
    width:100%;
    text-indent : -9000px;
    }

#adresse {
    float:left;
    margin:180px 0 0 0; padding:0 0 0 37px;
    width:260px;
    color:#fff;
    font-size:14px;
    font-weight:bold;
    }

#bienvenue {
    float:left;
    margin:190px 0 0 10px; padding:0;
    width:130px;
    line-height:32px;
    color:#fff;
    font-size:18px;
    background:url(img/dyn-blanc.jpg) no-repeat top right;
    }

#inscription {
    float:right;
    margin:187px 37px 0 0; padding:0;
    width:150px;
    color:#fff;
    font-size:14px;
    font-weight:bold;
    }

#adresse a, #inscription a {color:#FFF}

#page {
    clear:both;
    margin:0; padding:0;
    }

/* On definit la partie contenu */

#content {
    float:left;
    width:580px;
    margin:0;
    padding:0;
    }

h2.content-title {
    margin:20px 0 20px 0;
    padding:0 0 10px 30px;
    font-size:18px;
    color:#FF3cb7;
    background:url(img/content-title.jpg) no-repeat bottom left;
    }

/*** On s'arrete pour le diaporama ***/


#slider {
    list-style:none;
    margin:30px 20px;
    padding:10px;
    width:512px;
    height:242px;
    background:url(img/slider-bg.jpg) no-repeat top left;
    }

#slider .slider-content {
    margin:0; padding:0;
    width:214px;
    height:216px;
    }

h2.slider {
    margin:16px 16px 10px 16px;
    font-size:18px;
    color:#F73FA0;
    width:179px;
    }

p.slider {
    margin:16px 16px 10px 16px;
    color:#333;
    width:179px;
    }

p.slider a {
    text-decoration:underline;
    }

/*** On reprend ***/


#content .liste-actus {
	clear:left;
    margin:10px 30px;
    }

#content .liste-actus h4 {
    margin:0;
    padding:0;
    font-size:14px;
    font-weight:bold;
    }

#content .liste-actus p {
    margin:0; padding:0;
    }

#content span.logo-rubrique {
    float:right;
    margin:0 30px 10px 10px; padding:0;
    }

#content span.logo-rubrique img {
    border:4px solid #FF3CB7;
    }

#content p.chapo {
    margin:30px;
    text-align:justify;
    font-weight:bold;
    font-size:14px;
    }

#content .texte {
    clear:right;
    margin:30px;
    padding:10px 0;
    }
#content .texte p{
	text-align:justify;
}
#content .texte h3, #content .ps h3 {
    padding:5px 0;
    font-size:14px;
    font-weight:bold;
    color:#FF3CB7;
    }

#content .ps ul {
    list-style-type:square;
    color:#FF3CB7;
    }

#content .ps {
    margin:0 30px;
    padding:10px;
    border:1px solid #FF3CB7;
    }



#content .zoom {
    clear:both;
    margin:10px 30px; padding:10px 0;
    }

#content .zoom h3 {
    font-size:16px;
    font-weight:bold;
    }

#content .zoom a {
    color:#FF3CB7;
    }

#content .zoom a:hover {
    color:#FF9800;
    }

#content .zoom p {margin:5px 0; padding:0;}

#content .zoom p.soustitre {
    font-size:13px;
    font-weight:bold;
    }

#content .zoom span.logo {
    display:block;
    float:left;
    margin:0 10px 0 0;
    padding:0;
    }
#content .zoom span.logo img {
    border:4px solid #FF3CB7;
    }

#content .liste-actus span.logo {
    display:block;
    float:left;
    margin:0 10px 0 0;
    padding:0;
    }
#content .liste-actus span.logo img {
    border:4px solid #FF3CB7;
    }

p.plus {text-align:right;font-weight:bold;}

#content .zoom p.texte {text-align:justify}

table.spip {
	text-align:center;
	border:1px solid #FF3CB7;
	border-collapse:collapse;
	}

table.spip td {
	border:1px solid #FF3CB7;
	padding:5px;
	}

/* Logos, documents et images */
img, .spip_logos { margin: 0; padding: 0; border: 0; }
.spip_documents { text-align: center; line-height: normal; }
.spip_documents p { margin: 0.10em; padding: 0; }
.spip_documents_center { display: block; clear: both; width: 100%; margin: 1em auto; }
.spip_documents_left { float: left; margin-right: 15px; margin-bottom: 5px; }
.spip_documents_right { float: right; margin-left: 15px; margin-bottom: 5px; }
.spip_doc_titre { margin-right: auto; margin-left: auto; font-weight: bold; font-size: 0.90em; }
.spip_doc_descriptif { clear: both; margin-right: auto; margin-left: auto; font-size: 0.90em; }

/* Hop ! Le lecteur mp3 */

#content .mp3 {
margin:30px;
}

/* On s'occupe de la colonne */

#sidebar {
    float:right;
    width:280px;
    margin:0;
    padding:20px 0 0 0;
    }

#sidebar h2 {
    margin-bottom:20px;
    padding:0 10px 12px 0;
    text-align:right;
    font-size:18px;
    font-weight:normal;
    background:url(img/sidebar-title.jpg) no-repeat bottom right;
    }
#visuel{
	display:block;
	margin-right:0;
}
#visuel img{
	display:block;
	width:150px;
	border:none;
	margin:10px 0 0 auto;
}
.ipratique {color:#40CCF3;}

.news {color:#FF3CB7}

.lettre {color:#FF9800}

#news, #ipratique {margin:0; padding:0 0 0 30px;list-style:none;text-align:right;}

#news li a{
    display:block;
    margin:0 0 15px 0; padding:10px 30px 0 0;
    background:url(img/dyn-rose.jpg) no-repeat top right #FFF;
    color:#818181;
    font-weight:normal;
    }

a .nobackground{
	display:block;
	margin:0 0 15px 0; padding:10px 30px 0 0;
	background:none;
	color:#818181;
	font-weight:normal;
}
#ipratique li a {
    display:block;
    margin:0 0 15px 0; padding:10px 30px 0 0;
    background:url(img/dyn-bleu.jpg) no-repeat top right #FFF;
    color:#818181;
    font-weight:normal;
    }

#news li a span {
    display:block;
    margin:0; padding:0;
    color:#FF3CB7;
    font-size:14px;
    font-weight:bold;
    }

#ipratique li a span {
    display:block;
    margin:0; padding:0;
    color:#40CCF3;
    font-size:14px;
    font-weight:bold;
    }

#news li a:hover, #ipratique li a:hover {
    color:#FF9800;
    }

/* Mini-galerie */



#galerie {list-style:none;margin-left:30px;padding:0}

#galerie li {
	float:left;margin:4px;padding:4px;background:#EFEFEF;
	text-align:center;
	}

#galerie li p {text-align:center}

span.square-images {
	display:block;
	margin:0;
	margin:4px;
	width:60px;
	height:60px;
	overflow:hidden;
	margin:0;
	padding:0;
	border:2px solid #FFF;
	}

span.square-big {
	display:block;
	margin:0;
	margin:4px;
	width:100px;
	height:100px;
	overflow:hidden;
	margin:0;
	padding:0;
	border:2px solid #FFF;
	}

/* Formulaire lettre infos dans la colonne */

.formulaire_spip_listes_inscription ul {
	margin:0;
	padding:0 0 0 30px;
	list-style:none;
	text-align:right;
	}

.formulaire_spip_listes_inscription p.boutons {
	text-align:right;
	}


/* Formulaire newsletter dans colone*/
.inscr-newsletter {
	margin:0;
	padding:0 0 0 30px;
	list-style:none;
	text-align:right;
}
.inscr-newsletter p.boutons {
	text-align:right;
}
/* Et enfin le pied de page */

#footer {
    clear:both;
    margin:0; padding:0;
    background:url(img/footer-top.jpg) no-repeat top center #34C4F6;
    color:#FFF;
    height:345px;
    }

#footer a {color:#fff}
#footer a:hover {text-decoration:underline;}

#footer-inside {
    width:860px;
    height:285px;
    margin:0 auto;
    padding:60px 30px 0 60px;
    background:url(img/footer-inside.jpg) no-repeat bottom center transparent;
    }

#footer-inside h2 {
    margin-bottom:10px;
    padding-bottom:5px;
    border-bottom:1px solid #FF3CB7;
    font-weight:bold;
    font-size:14px;
    }

#rss {
    float:left;
    margin:0;
    padding:0;
    width:280px;
    }

#rss p {margin:0; padding:0;color:#FFF}

#footer-extra {
    float:right;
    margin:0 20px 0 0;
    padding:0;
    width:280px;
    }