/* On importe les styles communs */
@import url("/communs.css");

* { /*  on passe tous les marges et paddings a 0 */
	margin:0;
	padding:0;
}

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10pt;
}

img {
	border:0;
}

legend {
	display:none;
}

/* #####################
########### Graphisme */

body {
	background-color:#D6D1C3;
}

#entete {
	background-image:url(/accueil/bandeau12.png);
	background-repeat:no-repeat;
}

/* ****** contenu central ****** */

#page {
	background-color:#fff ;
	color:#000;
}

#page h2 { /* titre edito */
	font-size : 1.4em;
	color:#0092c3;
}

#page h3 { /* titre pages actus, agenda, duneuf */
	margin:25px 0 15px 20px;
	font-size : 1.3em;
	color:#0092c3;
	border-bottom:1px solid #0092c3;
}

#page h3 a, #page h3 a:hover { /* SPIP actus + presse */
	color:#0092c3;
	border:0;
}

#page h4 { /* titre pages actus, agenda, duneuf */
	margin:25px 0 15px 20px;
	font-size : 1.1em;
	color:#0092c3;
	border-bottom:1px solid #0092c3;
}

#page a { 
	text-decoration:none;
	color:#000;
	border-bottom:dotted 1px #888;
}

#page a:hover { 
	text-decoration:none;
	border-bottom:dotted 1px #000;
}

#page input, #page textarea { /* Les formulaires: contacts, Dismoitout! */
	background-color:#fff;
	border: 1px solid #004660;
}


#page .checkdismoitout { /* Bouton Dismoitout page contacts */
	border:0;
	background-color:#F3F2EE;
}

#visuel { /* le diaporama/visuel de la page d'acueil */
	background-color:#004660;
}

#edito strong, #edito a { /* Le gras et les liens dans l'edito */
	color:#333;
}

#edito blockquote p { /* La signature de l'edito */
	line-height:1.1em;
}

#edito blockquote strong { /* Le gras dans la signature de l'edito */
	color:#0092c3;
}

.forum-chapo {
	background-color:#0092c3;
	color:#F3F2EE;
}

fieldset.previsu {
	border:2px solid #0092c3;
}

fieldset.previsu legend {
	color: #0092c3;
}

#contenu input.bouton { /* Bouton envoyé dismoitout */
	padding:2px 4px;
	background-color:#004660;
	font-size:0.7em;
	color:#fff;
}

#contenu input[type=radio] { /* Radiobutton dismoitout pour IE */
	border:0;
	background-color:#fff;
}

/* ****** menu de gauche ****** */
#menu {
	color:#948978;
}

#menu a {
	color:#948978;
	text-decoration:none;
	border:0;
}

#menu a:hover {
	color:#000;
	border:0;
}

#menu td.gsc-input { /* La recherche Google */
	padding-right:0.3em;	
}

#menu input.gsc-input { /* La recherche Google */
	background-image:none;
	background-color:#fff;
	border:1px #fff solid;
	font-size:0.8em;
	padding:0.1em;	
	border:1px solid #004660;
}
#menu input.gsc-search-button {
	background-color:#004660;
	border:0;
	font-size:0.8em;
	padding:2px;
	text-shadow:none;
	color:#fff;
	font-weight:normal;
	border-radius:0;
	height:18px;
}
#menu form.gsc-search-box {
	font-size:inherit;
}

#cse input.gsc-search-button { /* La page de résultat Google */
	background-color:#333333;
	border:0;
}

#menu #signature {
	margin:10em 0.2em 0.2em 0.2em;
}

/* ****** menu de droite + Acces rapide ****** */
#barre {
	color:#fff;
}

#barre a {
	color:#fff;
	border:0;
}

#barre a:hover {
	color:#004660;
	border:0;
}

#barre input.bouton { /* Bouton envoyé dismoitout */
	padding:2px 4px;
	background-color:#004660;
	font-size:0.7em;
	color:#fff;
}

#barre input[type=radio] { /* Radiobutton dismoitout pour IE */
	border:0;
	background-color:#0092c3;
}

/* *** Divers *** */

/* Pages présentation */
#menupresentation {
	border:1px solid #D6D1C3;
}

#presentation .trombi img {
	border:2px solid #AEA5A0;
}

#presentation #menupresse ul {
	background-color:#AEA5A0;
}

/* Communs * */
.emphase {
	color:#0092c3;
}

.bordurecoul {
	padding:0.5em;
	border: 1px solid #0092c3;
}


/* ######################################################
########### mise en place des elements */

#page {
	margin:0 auto;
	width:950px;
}

/* **** l'entete de la page **** */
#entete {
	overflow:hidden;
	margin-bottom:1em;
	height:115px;
}

#bandeau {
	float:left;
	width:590px;
}

#bandeau a {
	display:block;
	height:115px;
	width:760px;
	border:0;
}

#pub {
	margin-top:10px;
	margin-right:15px;
	width:172px;
	float:right;
	text-align:center;
}

/* **** le corps **** */
#corps { 
	clear:both;
	overflow:hidden;
}

/* **** le menu de global **** */
#menu {
	padding-top:0.9em;
	float:left;
	width:165px;
	border-right:2px solid #d9d3ca;
	font-size:0.8em;
}

#menu div.titreAccordeon  {
	margin-top:1.3em;
	background-image:url(/accueil/menu-plus12.png);
	background-repeat:no-repeat;
	background-position:right center;
}

#menu div.deplie  {
	background-image:url(/accueil/menu-moins12.png);
}

#menu div img {
	cursor:pointer;
}

#menu ul {
	margin-bottom:2em;
}

#menu ul.accordeon {
	display:none;
}

#menu li {
	margin-left:4px;
	padding:0;
	list-style:none;
}

#menu form {
	margin-top:4em;
	text-align:center;
}

#menu input {
	font-size:0.8em;
	font-family:verdana, helvetica, arial
}

#menu hr {
	margin:1em 0;
	background-color: #D9D3CA;
	height:2px;
	border:0;
}

#menu #signature {
	margin:15em 0.2em 0.2em 0.2em;
}

#menu #signature  a {
	border-bottom:1px dotted #666;
}


/* **** le contenu de la page **** */

#contenu { 
	padding-left:15px;
	overflow:hidden;
}

#page #accesrapide a { /* le menu d'acces rapide */
	border:0;
}

#accesrapide ul {
	padding:0px;
}

#accesrapide li {
	display:inline;
	padding: 0 10px 0 5px;
}

#accueil { /* Le contenu de la page d'accueil */
	width:560px;
}

/* **** la barre d'actus *** */
#barre {
	float:right;
	width:200px;
}

#barre p {
	padding:0 5px;
}

#barre li, #actuarchives li {
	padding:3px;
	list-style:none;
}

#barre fieldset {
	padding:5px 1px;
	border:0;
}

#barre input {
	margin-bottom:3px;
	border:0;
	text-align:center;
	font-size:0.8em;
	font-family:verdana, helvetica, arial;
}

#barre img {
	vertical-align:middle;
}

#barre #alaune {
	margin-top:10px;
}

#barre .actustitre { /* Le textes des breves d'actus */
	padding:16px 0 0 3px;
	font-size:1em;
}

#barre .actustitre a, #barre .actustexte a { /* les liens des actus */
	border:0;
}

#barre .actussuite { /* Lire la suite... */
	margin-left:7px;
	padding-left:10px;
	font-size:0.8em;
	background: url(/accueil/actus-puce.png) no-repeat left;
}

#barre #social {
	margin-top:1.2em;
	text-align:center;
}

#barre #social a {
	border:0;
}

#barre #social img {
	margin:0 0.3em;
}

#barre #vignette { /* Culture en danger */
	margin-top:10px;
	padding:10px;
}

#visuel { /* le diaporama/visuel de la page d'acueil */
	margin-top:1em;
}

#visuel a {
	border:0;
}

#visuel li {
	list-style:none;
}

ul#portfolio { /* Les images du diaporama/visuel */
	overflow:hidden;
	height:270px;
	padding:6px;
}

#contenu #portfolio a, #contenu #portfolio a:hover  {
	border:0;
}


ul#visuelmenu { /* Le menu de navigation entre les images du diaporama/visuel */
	margin:0;
	padding:0 0 0.4em 1em;
	width:548px;
	font-size:0.8em;
	color:#D6D1C3;
}

ul#visuelmenu li {
	display:inline;
	padding-left:2px;
}

ul#visuelmenu a {
	color:#D6D1C3;
}

ul#visuelmenu #button_selected a, ul#visuelmenu a:hover { /* Le lien du visuel en cours d'affichage */
	color:#fff;
	border-bottom:1px dotted #D6D1C3;
}

/* **** l'edito **** */
#edito {
	margin-bottom:10px;
	font-size:1.1em;
}

#edito h2 { 
	margin:10px 20px;
}

#edito p {
	margin:1.1em 0;
	text-align:justify;
	line-height:1.5em;
}

#edito blockquote p { /* La signature de l'edito */
	margin:30px 20px;
	text-align:right;
}

#edito img.puce { /* Ne pas afficher l'image dans l'edito */
	display:inline;
}

p#tousleseditos { /* Lire tous les editos */
	margin-left:20px;
	padding:10px;
}

/* *** Pages presentation *** */

#menupresentation {
	margin:0 1.5em;
	padding:0.5em 18px;
	line-height:1.4em;
}


#presentation  {
	margin:40px 20px 30px 0;
	padding-left:15px;
	line-height:1.6em;
}

#presentation h2, #acces h2 {
	text-align:center;
	margin:0 0 2em 0;
}

#presentation p {
	margin:0.8em 0;
}

#presentation blockquote {
	margin:1em 6em;
	text-align:justify;
}

#presentation blockquote p {
	margin:1em 0;
}

#presentation input, #presentation textarea {
	margin:0 15px 0 5px;
	font-size:0.8em;
	font-family:verdana, helvetica, arial
}

#presentation .divgauche {
	float:left;
	width:360px;
}

#presentation .divdroite {
	padding-top:0.001em;
	margin-left:375px;
	width:360px;
}

#presentation .trombi  {
	line-height:1em;
	text-align:center;
}

/* *** Les autres pages *** */

#duneuf, #agenda, #touslesflux, #rss  {
	margin:40px 20px 30px 0;
	padding-left:15px;
}

#duneuf, #agenda  {
	line-height:1.6em;
}

#duneuf  {
	margin-left:20px;
}

#duneuf strong, #agenda strong, #rss strong { 
	letter-spacing:normal;
}

#touslesflux h4 {
	border:0;
}

#touslesflux input {
	margin:10px 0 5px 0;
	padding:2px;
	border: 1px solid #333333;
	background-color: #FFFFFF;
    color: #333;
	text-align:center;
	font-size:0.8em;
}

#touslesflux .descriptif {
	margin:0.8em;
	font-weight:bold;
	text-align:justify;
}

#rss li {
	margin-left:40px;
	padding:3px;
	list-style:square;
}

.dismoitout fieldset {
	padding:5px 0;
	border:0;
}

.dismoitout input {
	margin:0;
	border:0;
	text-align:center;
	font-size:0.8em;
	font-family:verdana, helvetica, arial;
}

.dismoitout .button {
	border:0;
}

#acces .gpPopupBody {
	color:#000;
	font-weight:bold;
}

/* *** Divers *** */

.emphase {
	font-size:1.1em;
	font-weight:bold;
}
.pucecoul, .pucehover { /* mettre une puse a un span ou un li */
	margin-left:5px;
	padding-left:15px;
	background:url(/accueil/puce-coul-off.png) left center no-repeat;
}
li.pucecoul, li.pucehover {
	list-style:none;
}

.pucehover:hover {
	background:url(/accueil/puce-coul-on.png) left center no-repeat;
}

a.noborder, .noborder img, .noborder a:link, .noborder a:hover, .noborder a:visited, a.noborder, #page .logos a:link, #page .logos a:hover, #page .logos a:visited , #page a.noborder:link, #page a.noborder:hover, #page a.noborder:visited  {
	border:0;
}