body {
	font: 8pt/16pt georgia; 
	color: #555753; 
	margin: 0px; 
	background-color:#fff;
	width:auto;
	height:auto;
	}
h1 {
	font-size:14px;
	color:#543f2c;
	padding-left:5px;
	padding-bottom:3px;
	margin:0;
}
h2 {
	font-size:12px;
	color:#543f2c;
	margin:0;
	padding-left:10px;
}
a:link { 
	text-decoration: none;
	color:#543f2c;
	}
a:hover { 
	text-decoration: underline;
	color:#b0c9e7;
	}
a:visited {
	text-decoration: none;
	color:#543f2c;
	text-decoration:none;
}
p {
	padding-left:10px;
	padding-top:5px;
	padding-right:10px;
	padding-bottom:5px;
}
ul li {
	list-style-type:none;
	margin:0;
	padding:0;
}

#page {
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	margin-bottom:10px;
	width:990px;
	padding:0;
	/*background-color:#6d9eda;*/
	background-color:white;
}
#page img.spip_logos {
	float:left;
	padding:5px;
	text-decoration:none;
	border:none;
}
#header {
	height:150px;
	background-image: url('http://www.collectif-web.com/squelettes/images/header-collectif-web.gif');
	width:990px;
}
#navtop {
	height:24px;
	width:980px;
	background-color:#000000;
	color:#fff;
	padding-left:10px;
	float:left;
}
#navtop a {
	color:#fff;
	text-decoration:underline;
	display:inline;
}
#navtoppub {
	float:left;
	padding-left:50px;
	line-height:5px;
	margin-top:-18px;
}
#recherche {
	float:right;
	padding:0;
	margin:0;
}
/* ------------------------------------- COLONNE DE GAUCHE --------------------------- */
#colgauche {
	margin:0;
	padding:0;
	width:688px;
	height:auto;
	float:left;
	border:1px solid #000;
	background-color:#fff;
}
#dernierarticle {
	height:300px;
	background-color:#fff;
	padding-top:15px;
	padding-left:5px;
	padding-right:5px;
	padding-bottom: 0;
	border-left:1px solid #000;
	border-bottom:1px solid #000;
}
#imagedernierarticle {
	width:248px;
	height:280px;
	padding-left:8px;
	padding-top:20px;
	float:left;
	margin-right:5px;
	background-repeat: no-repeat;
}
#imagedernierarticle img.spip_logos {
	float:left;
	text-decoration:none;
	border:none;
	padding:0;
}
#imagedernierarticle h2 {
	font-size:14px;
	color:red;
	width:230px;
	padding:0;
	margin:0;
	text-align:center;
}
/* --------------- les 6 articles petits formats ------------------- */
#articles {
	margin:0;
	padding:0;
} 
#articles ul {
	margin:0;
	padding:0;
}
#articles ul li {
	float:left;
	list-style-type:none;
	width:333px;
	border-left:1px solid #000;	
	border-bottom:1px solid #000;
	height:250px;
	background-color:#fff;
	padding:5px;
}
#articles img.spip_logos {
	float:left;
	padding:5px;
	text-decoration:none;
	border:none;
	margin-right:10px;
	background-color:#ccc;
}
#imagesite {
	float:left;
	padding:5px;
	text-decoration:none;
	border:none;
	margin-right:10px;
	margin-top:20px;
	background-color:#e6bcd5;
}
#articlespub {
	margin:0;
	padding:0;
} 
#articlespub ul {
	margin:0;
	padding:0;
}
#articlespub ul li {
	float:left;
	list-style-type:none;
	width:334px;
	height:290px;
	background-color:#fff;
	padding:5px;
}
/* --------------- les 6 articles sites petits formats  ------------------- */
#articlessite {
	margin:0;
	padding:0;
} 
#articlessite ul {
	margin:0;
	padding:0;
}
#articlessite ul li {
	float:left;
	list-style-type:none;
	width:333px;
	border-left:1px solid #ccc;	
	border-bottom:1px solid #ccc;
	height:250px;
	background-color:#fff;
	padding:5px;
}
#articlessite img.spip_logos {
	float:left;
	padding:5px;
	text-decoration:none;
	border:none;
	border: 1px solid #000;
	margin-right:10px;
	background-color:#ccc;
}
/* ---------------------- article de la page article grand format ------------------------- */
#articlegrandformat {
	width:688px;
	float:left;
	height:auto;
}

/* ---------------- COLONNE DE DROITE -------------------------- */
#coldroite {
	width:290px;
	height:auto;
	margin:0;
	padding:5px;
	float:left;
	background-color:#fca306;
}
#coldroitevideo {
	background-color:#fff;
	padding:5px;
	border:3px solid #000;
	margin:0;
	text-align:center;
}
#touteslesvideos {
	height:20px;
	width:280px;
	color:#fff;
	float:left;
	background-color:#000000;
	padding-left:10px;
}
#touteslesvideos a:link {
	color:#fff;
	font-weight:bold;
}
#touteslesvideos a:hover {
	color:#fff;
	text-decoration:underline;
}
#touteslesvideos a:visited {
	color:#fff;
}
#rubriquesdroite {
	margin:0;
	padding:0;
} 
#rubriquesdroite ul {
	margin:0;
	padding:0;
}
#rubriquesdroite ul li {
	float:left;
	list-style-type:none;
	width:284px;
	height:auto;
	margin-bottom:5px;
	padding:0;
	border:3px solid #000;
	background-color:#fff;
}
#rubriquesdroite a:link {
	width:284px;
	color:#000;
	text-decoration:none;
	height:auto;
	display:block;
	background-color:#fff;
}
#rubriquesdroite a:visited {
	width:284px;
	height:auto;
	display:block;
	background-color:#fff;
	color:#000;
}
#rubriquesdroite a:hover {
	display:block;
	background-color:#ddd;
	color:#000;
}


#rubriquesdroite img.spip_logos {
	padding:0;
}
#sitedroite {
	float:left;
}
#sitedroite ul {
	margin:0;
	padding:0;
}
#sitedroite li {
	float:left;
	list-style-type:none;
	width:284px;
	height:50px;
	margin-bottom:5px;
	padding:0;
	border:3px solid #000;
	background-color:#000;
}
#sitedroite a {
	background-color:#d3e76a;
	display:block;
	width:284px;
	height:50px;
}
#sitedroite a:visited {
	background-color:#d3e76a;
	color:#000;
	display:block;
	width:284px;
	height:50px;
}
#sitedroite a:hover {
	background-color:#ccc;
	color:#000;
	display:block;
	width:284px;
	height:50px;
}
#mot {
	float:left;
}
#mot ul {
	margin:0;
	padding:0;
}
#mot li {
	float:left;
	list-style-type:none;
	width:284px;
	height:20px;
	margin-bottom:5px;
	padding:0;
	border:3px solid #000;
	background-color:#eec5da;
}
#mot a {
	background-color:#eec5da;
	display:block;
	height:20px;
	padding-left:10px;
}
#mot a:hover {
	background-color:#ccc;
	color:#000;
	display:block;
	height:20px;
	padding-left:10px;
}

/* ------------------------------ PAGE SITE ---------------------- */
#site {
	height:150px;
	background-color:#fff;
	padding-top:15px;
	padding-left:5px;
	padding-right:5px;
	padding-bottom: 0;
	border-left:1px solid #000;
	border-bottom:1px solid #000;
}
#site p {
	padding-left:10px;
}
#imagesites {
	width:250px;
	border:1px solid #000;
	padding:5px;
	float:left;
	margin-right:5px;
	background-color:#d3e76a;
}
/* ------------------------ GALERIE PHOTO ------------------------ */
#galeriephotos {
	width:678px;
	height:auto;
	background-color:#000;
	border-top:3px solid #fff;
	border-bottom:3px solid #fff;
	float:left;
	padding-left:10px;
}
/* ----------------------------- FORUM ------------------------------ */
#forumbas {
	width:678px;
	height:auto;
	background-color:#000;
	border-top:3px solid #000;
	border-bottom:3px solid #000;
	float:left;
	padding-left:10px;
}
/* -------------------------- PIED DE PAGE -----------------------*/
#pied {
	float:left;
	margin-top:10px;
}
#pied ul {
	margin:0;
	padding:0;
}
#pied li {
	float:left;
	list-style-type:none;
	width:284px;
	height:20px;
	margin-bottom:5px;
	padding:0;
	border:3px solid #000;
	background-color:#fff;
}
#pied a {
	background-color:#fff;
	display:block;
	height:20px;
	padding-left:10px;
}
#pied a:hover {
	background-color:#ccc;
	color:#000;
	display:block;
	height:20px;
	padding-left:10px;
}
/* -------------------------- LES CLASSES ---------------------- */
.titrearticlerubrique {
	color:#014a65;
	font-size:14px;
	background-color:#fff;
	background-image: url(http://www.collectif-web.com/squelettes/images/trait-titre.gif);
}
.articlerubrique {
	width:300px;
	background-color:#ccc;
	height:190px;
	padding:5px;
}
.videodujour {
	font-size:14px;
}
.titrevideo {
	font-size:12px;
}
.rouge {
	color:red;
}
.marron {
	color:#3f2622;
}
.titrecoldroite {
	height:20px;
	width:280px;
	color:#fff;
	float:left;
	background-color:#000000;
	padding-left:10px;
	margin-top:10px;
	margin-bottom:5px;
}
.rose {
	background-color:#eec5da;
}
.backgroundorange {
	background-color:#f6db6b;
}
#rubriquesdroite li.sousrubrique {
	margin:0;
	padding:0;
	border-top: 1px solid #000;
	border-bottom:none;
	border-left:none;
	border-right:none;
}
#rubriquesdroite li.sousrubrique a {
	background-color:#ccc;
	padding-left:10px;
	width:274px;
}
#rubriquesdroite li.sousrubrique a:hover {
	color:#000;
}
#rubriquesdroite li.sousrubrique a:visited {
	background-color:#ccc;
}
#pagination {
	float:left;
	height:20px;
	width:688px;
	background-color:#eec5da;
	padding:0 0 5px 0;
}
#ajoutagenda {
	display:block;
	width:250px;
	height:20px;
	background-color:#eec5da;
	position:absolute;
	top:70px;
	left:576px;
	text-align:center;
	color:#000;
}
#ajoutagenda a:hover {
	display:block;
	width:250px;
	height:20px;
	background-color:#d6e76a;
	color:#000;
}
#ajoutarticle {
	display:block;
	width:250px;
	height:20px;
	background-color:#eec5da;
	position:absolute;
	top:100px;
	left:576px;
	text-align:center;
	color:#000;
}
#ajoutarticle a:hover {
	display:block;
	width:250px;
	height:20px;
	background-color:#d6e76a;
	color:#000;
}
.titresite {
	position:absolute;
	top:40px;
	left:250px;
	color:#f6db6b;
}