/*
Feuille de style        : style.css
Objet                   : Portail web de l'A3 Alencon
URL                     : http://www.a3alencon.com/style/style.css
Auteurs                 : Damien Robillard
Derniere modification	: 18 juillet 2007 par Damien Robillard
Validation W3C          : par http://jigsaw.w3.org/css-validator/
Norme CSS utilisee      : 2.1
Description             : le fichier est classe comme suit :
    - Styles generaux s'appliquant a tout le site (body et div : centre)
      en ordre alphabetique
    - Styles de blocs a l'interieur desquels les identificateurs et
      classes sont en ordre alphabetique :
        x Banniere
        x Barre de localisation
        x Barre de recherche
        x Principal
        x Partenaires
        x Actualites
        x Evenement
        x Colophon
        x Menu gauche
*/


/*
=====================================================
	GENERAL
=====================================================
*/


body {
	margin : 0;
	padding : 0;
	padding-left : 10em;
	padding-right : 10em;
	background-color : #f1ede0;
	background-image : url("fond-body.gif");
	background-repeat : repeat-x;
}

blockquote {
	color : #505050;
	background-color : #ffcc66;
    -moz-border-radius : 15px;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 10pt;
    font-style : italic;
	margin : 0;
	margin-top : 2em;
	margin-left : 2em;
	margin-right : 2em;
	padding : 0;
	padding-top : 0.2em;
	padding-bottom : 0.2em;
}

dl.spip_documents_left {
    margin-right : 2em;
    margin-bottom : 2em;
}

#centre {
	float : right;
	margin : 0;
	width : 79%;
}

.cache {
	visibility : hidden;
	font-size : 0em;
}

.spip_logos {
    border : 0;
    padding : 0;
    margin : 0;
}

/*
=====================================================
	BANNIERE
=====================================================
*/

#banniere {
	background-image : url("fond-banniere.jpg");
	background-repeat : no-repeat;
	background-color : white;
	border : 1px solid white;
	margin : 0;
	padding : 0;
	height : 81px;
}

#banniere h1 {
	font-style : italic;
	font-size : 1.5em;
	color : #505050;
}

#logo-a3 {
    margin : 0;
    padding : 0;
}

/*
=====================================================
	BARRE DE LOCALISATION
=====================================================
*/

#localisation {
	color : #505050;
	background-color : white;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 10pt;
	margin : 0;
	padding : 0;
}

#localisation a:link {
	color : #505050;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 10pt;
	text-decoration : none;
}

#localisation a:visited {
	color : #505050;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 10pt;
	text-decoration : none;
}

#localisation a:hover {
	color : #505050;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 10pt;
	text-decoration : underline;
}

#localisation a:active {
	color : #505050;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 10pt;
	text-decoration : none;
}



/*
=====================================================
	BARRE DE RECHERCHE
=====================================================
*/

#recherche {
    -moz-border-radius : 15px;
	text-align : right;
	background-color : #f1ede0;
	color : #505050;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 10pt;
	vertical-align : top;
	padding : 0;
    padding-top : 5px;
    padding-right : 10px;
    padding-bottom : 2em;
	margin : 0;
}

#formulaire_recherche {
	color : #505050;
	font-size : 10pt;
	background-color : white;
	border : 1px solid white;
}

#bouton {
	background-color : #505050;
	color : white;
	border : 1px solid #505050;
}



/*
=====================================================
	PRINCIPAL
=====================================================
*/

#principal {
    -moz-border-radius : 15px;
	background-color : white;
	border : 1px solid white;
	color : #505050;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 10pt;
	padding : 1em;
    margin-top : -2em;
	text-align : justify;
}

#principal h2 {
	color : #505050;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11pt;
    font-style : italic;
	font-weight : bold;
	margin : 0;
	padding : 0;
	padding-top : 0.2em;
	padding-left : 3em;
}

#principal p {
	color : #505050;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 10pt;
	margin : 0;
    margin-bottom : 1.5em;
	padding : 0;
	padding-top : 0.2em;
	padding-left : 3em;
}

#principal h2.article {
	background-color : #ffcc66;
    -moz-border-radius : 15px;
	color : #505050;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11pt;
	font-weight : bold;
	margin : 0;
	padding : 0.2em;
	padding-left : 3em;
}

#principal h3 {
	background-color : #f1ede0;
    -moz-border-radius : 15px;
	color : #505050;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 10pt;
	font-weight : bold;
	margin : 0;
    margin-top : 2em;
	padding : 0.2em;
	padding-left : 3em;
}

#principal h4 {
	color : #505050;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11pt;
    font-style : italic;
	font-weight : bold;
	margin : 0;
	padding : 0;
}

#principal a:link {
	color : #505050;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 9pt;
	font-weight : bold;
	text-decoration : none;
}

#principal a:visited {
	color : #505050;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 9pt;
	font-weight : bold;
	text-decoration : none;
}

#principal a:hover {
	color : #505050;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 9pt;
	font-weight : bold;
	text-decoration : underline;
}

#principal a:active {
	color : #505050;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 9pt;
	font-weight : bold;
	text-decoration : none;
}

div.sous-titre {
	color : #505050;
    text-align : right;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 10pt;
    font-style : italic;
	margin : 0;
    margin-bottom : 1.5em;
	padding : 0;
	padding-top : 0.2em;
}

#ps div {
	background-color : #f1ede0;
    -moz-border-radius : 15px;
	color : #505050;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 10pt;
	font-weight : bold;
	margin : 0;
    margin-top : 2em;
	padding : 0.2em;
	padding-left : 3em;
}

table.spip {
    width : 100%;    
	color : #505050;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 9pt;
	font-weight : bold;
	text-decoration : none;
}

tr.row_even {
    background-color : #f1ede0;
}

tr.row_odd {
    background-color : #ffcc66;
}


/*
=====================================================
	PARTENAIRES
=====================================================
*/

#partenaires {
	margin : 0;
	padding : 0;
	text-align : right;
}

#partenaires li {
	display : inline;
}



/*
=====================================================
	ACTUALITES
=====================================================
*/

#actualites {
	float : right;
	width : 241px;
    -moz-border-radius : 15px;
	margin : 0;
	margin-left : 1em;
	min-height : 12em;
	background-color : #f1ede0;
    border-left : 1px solid #d4d0c4;
    border-bottom : 1px solid #d4d0c4;
}

#actualites h2 {
    -moz-border-radius : 15px;
    border-bottom : 1px solid #b19765;
    border-left : 1px solid #b19765;
	background-color : #ffcc66;
	color : #505050;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11pt;
	font-weight : bold;
	margin : 0;
	padding : 0;
	padding-top : 0.2em;
	padding-bottom : 0.2em;
	padding-left : 3em;
}

#actualites ul {
	list-style-image : url("puce-actualites.jpg")
}

span.date_actu {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 8pt;
    font-style : italic;
}

#actualites a:link {
	color : #505050;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 9pt;
	font-weight : bold;
	text-decoration : none;
}

#actualites a:visited {
	color : #505050;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 9pt;
	font-weight : bold;
	text-decoration : none;
}

#actualites a:hover {
	color : #505050;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 9pt;
	font-weight : bold;
	text-decoration : underline;
}

#actualites a:active {
	color : #505050;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 9pt;
	font-weight : bold;
	text-decoration : none;
}



/*
=====================================================
	EVENEMENT
=====================================================
*/

#evenement {
    -moz-border-radius : 15px;
	margin : 0;
	margin-left : 1em;
	margin-right : 1em;
	border : 1px dashed #ffcc66;
	padding : 1em;
}

#evenement h2 {
	background-color : #ffcc66;
    -moz-border-radius : 15px;
	color : #505050;
    border-bottom : 1px solid #b19765;
    border-left : 1px solid #b19765;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11pt;
	font-weight : bold;
	margin : 0;
	margin-bottom : 1em;
	padding : 0;
	padding-left : 1em;
}

#evenement a:link {
	color : #505050;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 9pt;
	font-weight : bold;
	text-decoration : none;
}

#evenement a:visited {
	color : #505050;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 9pt;
	font-weight : bold;
	text-decoration : none;
}

#evenement a:hover {
	color : #505050;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 9pt;
	font-weight : bold;
	text-decoration : underline;
}

#evenement a:active {
	color : #505050;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 9pt;
	font-weight : bold;
	text-decoration : none;
}



/*
=====================================================
	COLOPHON
=====================================================
*/

#colophon {
    -moz-border-radius : 15px;
	background-color : #ffcc66;
    border-bottom : 1px solid #b19765;
    border-left : 1px solid #b19765;
	color : #505050;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 9pt;
	font-weight : bold;
	text-decoration : none;
	text-align : right;
	margin : 0;	
	padding : 0;
	padding-right : 3em;
}

#colophon ul {
	margin : 0;
	padding : 0.2em;
}

#colophon li {
	display : inline;
}

#colophon a:link {
	color : #505050;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 9pt;
	font-weight : bold;
	text-decoration : none;
}

#colophon a:visited {
	color : #505050;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 9pt;
	font-weight : bold;
	text-decoration : none;
}

#colophon a:hover {
	color : #505050;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 9pt;
	font-weight : bold;
	text-decoration : underline;
}

#colophon a:active {
	color : #505050;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 9pt;
	font-weight : bold;
	text-decoration : none;
}



/*
=====================================================
	MENU GAUCHE
=====================================================
*/

#gauche {
	margin : 0;
	padding : 0;
	width : 155px;
}

#logo-a3 {
	text-align : center;
	border : 0;
    padding : 0;
    margin-top : -5px;
}

#gauche h2 {
    -moz-border-radius-topleft : 15px;
    -moz-border-radius-topright : 15px;
    border-left : 1px solid #b19765;
	background-color : #ffcc66;
	margin : 0;
	margin-top : 1em;
	padding : 0.2em;
}

#gauche ul {
    -moz-border-radius-bottomleft : 15px;
    -moz-border-radius-bottomright : 15px;
	margin : 0;
	padding : 0;
    background-color : white;
    border-left : 1px solid #b19765;
    border-bottom : 1px solid #b19765;
    width : 155px;
}

#gauche ul>li>ul {
    border : 0;
}

li.sous-rubrique {
	margin : 0;
	text-align : left;
	padding : 0;
    padding-top : 0.2em;
	list-style-type : none;
}

li.article {
	margin : 0;
	padding : 0;
	padding-left : 2em;
	padding-bottom : 0.1em;
	list-style-type : none;
	text-align : left;
}

a:link.lien-rubrique {
	color : #505050;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 9pt;
	font-weight : bold;
	text-decoration : none;
	margin : 0;
	padding : 0.7em;
}

a:visited.lien-rubrique {
	color : #505050;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 9pt;
	font-weight : bold;
	text-decoration : none;
	margin : 0;
	padding : 0.7em;
}

a:hover.lien-rubrique {
	color : #505050;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 9pt;
	font-weight : bold;
	text-decoration : none;
	margin : 0;
	padding : 0.7em;
}

a:link.lien-sous-rubrique {
	color : #505050;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 9pt;
	font-weight : bold;
	text-decoration : none;
	margin : 0;
	padding : 0;
	padding-left : 1em;
}

a:visited.lien-sous-rubrique {
	color : #505050;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 9pt;
	font-weight : bold;
	text-decoration : none;
	margin : 0;
	padding : 0;
	padding-left : 1em;
}

a:hover.lien-sous-rubrique {
	color : #505050;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 9pt;
	font-weight : bold;
	text-decoration : none;
	margin : 0;
	padding : 0;
	padding-left : 1em;
}

a:link.lien-article {
	color : #505050;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 9pt;
	font-weight : normal;
	text-decoration : none;
	margin : 0;
	padding : 0;
}

a:visited.lien-article {
	color : #505050;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 9pt;
	font-weight : normal;
	text-decoration : none;
	margin : 0;
	padding : 0;
}

a:hover.lien-article {
	color : #505050;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 9pt;
	font-weight : normal;
	text-decoration : underline;
	margin : 0;
	padding : 0;
}