/****************************************************/
/**                                                **/
/**    Projet : Refonte site SEA        	   	   **/
/**    Client : Solidarité enfant Atakora		   **/
/**    Auteur : V. Mangaud - URBILOG			   **/
/**    Date : 	Mars 2010						   **/
/**                                                **/
/****************************************************/

/****************************************************/
/**    Rédéfinition des marges et padding          **/
/****************************************************/
* {
	margin: 0;
	padding: 0;
}
ul,ol,blockquote {
    padding-left: 0;
    margin-left: 0;
	list-style-type: none; 
}
h1, h2, h3, h4, h5, h6, p, blockquote,
form, ul, ol, dl, fieldset, address, pre {
    margin-bottom: 1em;
}
h1{
	font-weight:normal;
}

a {
	text-decoration: none;
	color: #4b3c30
}
a:hover, a:focus, a:active {
	text-decoration: underline;
}
img {border: 0}

.invisible {
	position: absolute;
	left: -5000px;
}
body {
	text-align: center;
	font-family: arial, verdana, sans serif;
}

/****************************************************/
/**                    CONTAINER         		   **/
/****************************************************/
div#container {
	width: 980px;
	margin: 0 auto;
	text-align: left;
	background: url("../../image/fondHaut.jpg") #ffb400 no-repeat top left;
	overflow: hidden;
}
div#principal {
	float: left; 
}

/**************************************************/
/**         	 HEADER 					     **/
/**************************************************/
div#header {
	width: 980px;
	height: 158px;
}
div#header div {
	padding-bottom: 21px;
	float: left;
	border-bottom: 1px solid #FFB400;
}
div.head {
	background: url("../../image/menu.gif") no-repeat 0px bottom;
}
 div.rub1, div.rub2, div.rub3, div.rub4, div.rub5, div.rub6 {
	background: url("../../image/menuTransparent.gif") no-repeat;
} 
div.rub1, div.activeRub1 {background-position: -980px bottom;}
div.rub2, div.activeRub2 {background-position: -1960px bottom;}
div.rub3, div.activeRub3 {background-position: -2940px bottom;}
div.rub4, div.activeRub4 {background-position: -3920px bottom;}
div.rub5, div.activeRub5 {background-position: -4900px bottom;}
div.rub6, div.activeRub6 {background-position: -5880px bottom;}

div#header a.logoSea {
	float: left;
	margin-left: 22px;
	width: 89px;
}
/* menu des accès rapides */
div#header ul.lienTop {
	float: right;
	margin: 40px 30px 0 0;
}
div#header ul.lienTop li {
	float: left;
	background: url("../../image/separateur.gif") no-repeat right;
	margin-right: 8px;
	padding-right: 8px;
	font-size: 0.7em;
	border-right: 1px solid #FFB400
}
div#header  ul li.dernier {
	background: none; 
	border: 0;
	margin: 0;
	padding: 0;
}

/* menu principal */
#menuPrinc {
	float: right;
	margin: 55px 30px 9px 0;
}

#menuPrinc li {
	float: left;
	margin-left: 16px;
	padding-left: 10px;
	border-left: 1px solid #FFB400;
}

#menuPrinc li a {
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 0.90em;
}
ul#menuPrinc li.premier {
	margin-left:0;
	padding-left: 0;
}
#menuPrinc li.projets {margin-left: 16px;}
#menuPrinc li.evenements {margin-left: 17px;}
#menuPrinc li.partenaires {margin-left: 18px;}
#menuPrinc li.galeries {margin-left: 18px;}
#menuPrinc li.publications {margin-left: 19px;}

#menuPrinc li.projetsFF4 {margin-left: 14px;}
#menuPrinc li.evenementsFF4 {margin-left: 15px;}
#menuPrinc li.partenairesFF4 {margin-left: 11px;}
#menuPrinc li.galeriesFF4 {margin-left: 11px;}
#menuPrinc li.publicationsFF4 {margin-left: 13px;}


div.activeRub1 ul#menuPrinc li a#rub1,
div.activeRub2 ul#menuPrinc li a#rub2,
div.activeRub3 ul#menuPrinc li a#rub3,
div.activeRub4 ul#menuPrinc li a#rub4,
div.activeRub5 ul#menuPrinc li a#rub5,
div.activeRub6 ul#menuPrinc li a#rub6,
ul#menuPrinc li a:hover, ul#menuPrinc li a:active, ul#menuPrinc li a:focus {
	text-decoration: none;
	color: #000;
	border-bottom: 1px solid #FFB400;
}

/************************************/
/**         Partie centrale        **/
/************************************/
div#middle {
	margin: 0 30px;
}
/** fil d'ariane **/
div#middle ul.ariane {
	margin: 0;
	font-size: 0.7em;
}
div#middle ul.ariane li {
	float: left;
	color: #4B3C30;
	margin: 10px 5px 3px 0;
	padding-left: 13px;
	background: url("../../image/filArianne.jpg") no-repeat top left;
	line-height: 0.9em;
}
div#middle ul.ariane li.premier {
	background: none;
	padding-left: 0;
}
/** content **/
div#content {
	float: left;
	position: relative;
	/*overflow: auto;*/
	width: 920px;
}
div.accRub {
	background-repeat: no-repeat;
	background-position: top left;
	width: 920px;
	height: 500px;
}
/** sous menu **/
ul#menuRub {
	float: left;
	padding-bottom: 10px;
	width: 180px;
}
div.accRub ul#menuRub {
	background: url("../../image/fondMenu.png") repeat;
}
/*premier niveau*/
ul#menuRub li {
	border-bottom: 3px dotted #ffb400;
	float: left;
}
ul#menuRub li a {
	color: #fff;
	font-size: 0.8em;	
	float: left;
	width: 165px;
	padding: 5px 10px 5px 5px;
}

ul#menuRub li a:hover, ul#menuRub li a:focus, ul#menuRub li a:active {
	text-decoration: none;
	color: #000;
	background: #D6995D;
}

ul#menuRub li.deroulant a {
	background: url("../../image/chevronBlanc.gif") no-repeat 169px center;
}

ul#menuRub li.current a, ul#menuRub li.current a:hover, ul#menuRub li.current a:focus, ul#menuRub li.current a:active {
	background: #D6995D;
	color: #000;
}

ul#menuRub li.deroulant.current a:hover, ul#menuRub li.deroulant.current a:focus, ul#menuRub li.deroulant.current a:active{
	background: #D6995D url("../../image/chevronNoirBas.png") no-repeat 169px center;
	color: #000;
}

ul#menuRub li.deroulant a:hover, ul#menuRub.deroulant li a:focus, ul#menuRub.deroulant li a:active {
	background: #D6995D url("../../image/chevronNoir.png") no-repeat 169px center;
}

ul#menuRub li.current.deroulant a, ul#menuRub li.current.deroulant a:hover, ul#menuRub li.current.deroulant a:focus, ul#menuRub li.current.deroulant a:active {
	background: #D6995D url("../../image/chevronNoirBas.png") no-repeat 169px center;
	color: #000;
}

/* ul#menuRub li.deroulant a:hover, ul#menuRub.deroulant li a:focus, ul#menuRub.deroulant li a:active {
	background: #D6995D url("../../image/chevronNoir.png") no-repeat 169px center;
}*/

/*deuxième niveau*/

ul#menuRub li ul li {
	border: 0;
}

ul#menuRub li.current.deroulant ul li a, ul#menuRub ul li a{
	background: #D6995D url("../../image/puceB.png") no-repeat 8px center;
	color: #fff;
	padding-left: 20px;
	width: 150px;
}
ul#menuRub li.current.deroulant ul li a:hover, ul#menuRub li.current.deroulant ul li a:focus, ul#menuRub li.current.deroulant ul li a:active,
ul#menuRub li.current.deroulant ul li.current a {
	background: #ffcc99 url("../../image/puceN.png") no-repeat 8px center;
	color: #000;
}

/************************ PROJET **************************************************************/

div#projet{
	float:left;
	background-color:#D5AB96;
	padding-left:10px;
}
div#projet li{
    padding-left: 0;
    margin-left: 0;
	list-style-type: none; 
}
div#projet h2{
	color: #600c10;
	font-size: 1.25em;
}
div#projet, div#projet div{
	float:left;
	width:550px;
	background-color:#D5AB96;
	min-height:287px;
}
div#projet div ul li ul li{
	margin-bottom:5px;
}
div#projet div ul h2{
	margin-bottom:0px;
}

div#projet p.date{
	padding-bottom:10px;
}
div#projet div.projet ul li {
	margin-bottom:30px;
	margin: 0 0 0 25px;
	padding: 0;
	list-style-type: disc;
}
div#projet div.projet ul li ul li{
	float:left;
	margin-left:5px;
	margin-bottom:0px;
}
div#projet div.projet {
	font-size: 0.9em;
}

div#projet div.projet h1 {
	margin-bottom: 0.1em;
}

div#projet div h3{
	color: #000;
	font-size: 1em;
}


/* aider et donner sur la page d'accueil rubrique */
div.calqueNoir{
	height:60px;
	background: url("../../image/calqueNoir.png")no-repeat scroll left bottom transparent;
	margin-top: 440px;
}


div.calqueNoir h1 a, h1 a.aiderDonner {
	color: #fff;
	font-weight: bold;
	font-size: 0.45em;
	text-transform: uppercase;
	background: url("../../image/aiderDonner.png")  no-repeat left top;
	position: absolute;
	right: 10px;
	line-height: 3.3em;
	padding-left: 37px;
	bottom: 5px;
}

/** contenu central **/

.caption-top, .caption-bottom {
	color: #ffffff;	
	padding: 1.2em;	
	font-weight: bold;
	font-size: 13px;	
	font-family: arial;	
	cursor: default;
	border: 0px solid #334143;
	background: #000000;
	
	
}
.caption-top {
   border-width: 0px 0px 8px 0px;
}

.caption{
	border: 0 none;
	text-decoration: none;
	background: #000000;
	padding: 0.3em;
}
.caption a:hover, .caption a:focus {
	background: #202020;
}
.caption-wrapper {
	float: left;
}
br.c { clear: both; }


div#article {
	float: left;
	width: 560px;
}
div#content div#article h1 {
	margin-bottom: 0.5em;
	width: 470px;
}

div#article img{
	margin-bottom:10px;
}

div#content.ssRub {
	background-color: #993300;
}
div#content img.imageAcc {
	margin-bottom: 10px;
}
div.texte {
	background-color: #D5AB96;
	float: left;
	font-size: 0.9em;
	padding: 10px 10px 10px 15px;
	width: 535px;
	position: relative;
	min-height:287px;
}
div.avecImg {
	min-height:83px;
}

div.texte ul.partage {
	position: absolute;
	right: 8px;
	top: 22px;
	list-style-type: none;
}
div.texte ul.partage li {
	float: left;
	margin: 0 2px;
}
div.texte p img.alignLeft {
	float: left;
	margin: 0 10px 10px 0;
}
div.texte p img.alignJustify {
	text-align:justify;
}
div.texte p img.alignRight {
	float: right;
	margin: 0 0 10px 10px;
}
div.texte h2 {
	font-size: 1.25em;
	margin-bottom: 0.3em;
	color: #600c10;
}
div.texte h3 {
	font-size: 1.05em;
	margin-bottom: 0.1em;
}
div.texte ul {
	list-style-type: disc;
	margin-left: 15px;
	margin-bottom: 0.5em;
}

/********************************/
/**  Rubriques transverses     **/
/********************************/
div#rubTransverse {
	color: #fff;
	float: right;
	width: 160px;
	padding: 10px;
	padding-bottom:50px;
}
div#rubTransverse h2 {
	margin-bottom: 0.5em;
	font-size: 0.9em;
}
div#rubTransverse div {
	margin-bottom: 35px;
}
div#rubTransverse div p {
	font-size: 0.8em;
}
div#rubTransverse div p a {
	color: #fff;
	font-size: 0.85em;
	margin-bottom: 30px;
	padding-left: 10px;
	background: url("../../image/puceVoir.png") no-repeat left;
	font-weight: bold;
}

div#rubTransverse h2 {
	background: url("../../image/puceSpe.jpg")  no-repeat left;
	padding-left: 20px;
}
div#rubTransverse h2 a {
	color: #fff;
}

/****************************************/
/**              FOOT                  **/
/****************************************/

div#footer {
	clear: both;
	float: left;
	width: 980px;
	margin: 14px auto 0;
	border-top: 1px solid #FFB400;
	background: url("../../image/fondBas.jpg") no-repeat top left;
	padding-bottom: 5px;
}

div#footer ul {
	margin: 30px 14px 0 0;
	float: right;
}
div#footer li {
	float: left;
	background: url("../../image/separateur.gif") no-repeat right;
	margin-right: 7px;
	padding-right: 8px;
	font-size: 0.7em;
	border-right: 1px solid #fff;
}
div#footer li.dernier {
	background: none; 
}
div#footer li.aideDon {
	font-weight: bold;
}
/****************************************/
/**            PAGES STATIQUES         **/
/****************************************/

div#pageStat{
	float:left;
	background-color: #D5AB96;
	padding: 10px;
	width:540px;
}
div#pageStat ul li{
	margin-bottom: 0.3em;
}
div#pageStat ul li h2{
	font-size: 1em;
	margin-bottom:5px;
}

div#pageStat ul li ul li{
	font-size:0.8em;
	text-transform: lowercase;
	list-style-type: disc;
	margin-left:20px;
}
ul#menuRub h2{
	color: #FFF;
	font-size:1em;
	margin-left:5px;
	margin-bottom:10px;
}
div#pageStat form fieldset legend{
	font-size:1.2em;
	color: #600c10;
	margin:0px 10px;
	padding:0px 10px;
}
div#pageStat form fieldset legend.premier{
	font-size:2em;
	color: #000;
	margin:0px 5px;
}

div#pageStat form fieldset{
	padding-top:20px;
}

div#pageStat form p{
	font-size: 0.9em;
	margin-bottom: 0.3em;
	color: #600c10;
	float: left;
	clear: left;
}
div#pageStat form p.remplir{
	margin-bottom: 0.9em;
	margin-left:15px;
}
div#pageStat li.doc{
	margin-bottom: 0.9em;
	margin-left:15px;
}

div#pageStat form p label {
	float:left;
	width: 150px;
	text-align: right;
}

div#pageStat form p.checkbox label {
	float:left;
	width: 500px;
	text-align: left;
}

div#pageStat form p.checkbox input {
	margin: 0 5px;
}

div#pageStat form p textarea {
	float:left;
	width: 320px;
	text-align: left;
}

div#pageStat form p label{
	margin-right:5px;
}

div#pageStat form p textarea{
	margin-right:50px;
}
 
div#pageStat form p input.valider{
	margin:25px 50px 0px;
}

div#pageStat p#choixInscription {
	margin-left: 75px;
	margin-top: 5px;
	margin-bottom: 5px;
}

div#pageStat p#choixInscription input {
	float: left;
}

div#pageStat p#choixInscription label {
	width: auto;
	margin-left: 10px;
	margin-right: 30px;
	float: left;
}

/****************************************/
/**            FORMULAIRE DONATEUR     **/
/****************************************/
	
form#formDonateur fieldset p.equivalence{
	margin-left: 70px;
}

form#formDonateur p label {
	float: left;
}

form#formDonateur p input {
	float: left;
}

form#formDonateur p textarea {
	float: left;
}

form#formDonateur fieldset, form#formDonateur fieldset fieldset {
	border: 0;
}

form#formDonateur fieldset fieldset input.small{ 
	width: 50px;
}

span.erreur {
	display: block;
	float: left;
	color: red;
	font-weight: bold;
	font-size: 0.8em;
	margin-left: 10px;
} 
span.envoye {
	display: block;
	float: left;
	color: green;
	font-weight: bold;
	font-size: 0.8em;
	margin-left: 10px;
}

div.gal  p {
	display: none;
}
div.gal  h2 {
	color:#600C10;
	font-size:1.25em;
	margin-left:5px;
}


body.jsActive div.gal  p {
	display: block;
}
body.jsActive div.gal div.afficheGalerie {
	display: none;
}
a#newsletterlink {
	background:url("../../image/puceVoir.png") no-repeat scroll left center transparent;
	color:#FFFFFF;
	font-size:0.7em;
	font-weight:bold;
	margin-bottom:30px;
	padding-left:10px;
}