/**Cette CSS a été créée pour le site de l'association Palabres Sans Frontières par Matti Ghibaudo-Schneider et Nicolas Dupont (Alxis.design@gmail.com)**/
/**global.css : feuille pour l'aspect général ; les variations de couleur se font dans les feuilles dont le nom correspond à la couleur et les variations spécifique à chaque page se font dans les feuilles dont le nom correspond à la page**/

html {
	background-image: url(../Images/Theme/Fond.jpg);
}


body {
	width: 43.8em;
	margin-left: auto;
	margin-right: auto;
	font-family: Palatino, Arial, Georgia, "Times New Roman", Times;
	text-align: left;
	margin-top: 0;
	padding-top: 25px;
	background-repeat: repeat-x;
	background-position: 50% top; /*Pas de background-position-x car il n'y a que Webkit qui le reconnaisse :-S*/
	line-height: 1.5em;
}


/*************************TITRES*************************/
h1 {
	font-family: Papyrus, Herculanum, Helvetica, "Times New Roman", Arial, Verdana;
	font-size: 220%;
	text-align: center;
	text-shadow: 0px 3px 2px #AAA;
}

h2 {
	text-align: center;
	font-size: large;
	font-family: Palatino, Papyrus, Herculanum, Helvetica, "Times New Roman", Arial, Verdana;
	margin-top: 10px;
	clear: both;
	padding-bottom: 0.2em;
	padding-top: 0.3em;	
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-top: #333333 0.1em solid;
	border-bottom: #333333 0.1em solid;
}

h3 {
	text-align: center;
	font-weight: bold;
}

h4 {
	text-align: center;
	font-weight: 100;
}
/**Fin des titres**/


/*************************GLOBAL*************************/

.left {
	clear : left;
}

.right {
	clear: right;
}

li, ul, ol, dl, dd {
	padding-left: 0;
	margin-left: 0;
}

dd, ul ul, ol ul, ul ol, ol ol {
	padding-left: 1.5em;
}

.left.right {
	clear: both;
}

/*************************TEXTE*************************/
p, a {
	text-decoration: none;
}

#sommaire {
	text-align: center;
	font-weight: bold;
	font-style: italic;
}

.center {
	text-align: center;
}

abbr {
	border-bottom: 1px dashed;
	cursor: help;
}
/**Fin du texte**/


/*************************LISTES*************************/
dd {
	margin-bottom: 1em;
	list-style: none;
	list-style-type: none;
}

li {
	list-style: none;
	list-style-type: none;
}

dt {
	font-variant: small-caps;
}

ol.puces li {
	list-style: decimal;
	list-style-position: inside;
}

ul.puces li {
	list-style: disc;
	list-style-position: inside;
	margin-bottom: 0.8em;
}

ul.puces li:first-letter {
	text-transform: lowercase;
}
/**Fin des listes**/


/*************************TABLEAUX*************************/
table {
	width: 100%;
	text-align: center;
}

thead {
	text-align: center;
	font-weight: bold;
}

table, td {
	border-color: #707070;
	border-width: 0.08em;
}

table {
	border-width: 0.12em;
}

caption {
	font-size: 140%;
	font-weight: bold;
	padding-top: 1em;
	padding-bottom: 1em;
}
/**Fin des tableaux**/

/*************************IMAGES*************************/
img {
	border: none; /*Pour Gecko*/
}

img.right, img.left {
	clear: inherit;
	width: 17em;
	margin-bottom: 1em;
}

img.right {
	float: right;
	margin-left: 1em;
}

img.left {
	float: left;
	margin-right: 1em;
}

img.puce { /*Pour le camembert*/
	width: 1em;
	margin-right: 0.5em;
}
/**Fin des images**/


/*************************MENU*************************/
.menu, #sous-menu {
	font-size: 90%;
	text-align: center;
}

.menu {
	width: 100%;
	margin-right: 0px;
	margin-left: 0px;
	padding-left: 0px;
	padding-top: 0.1em;
	border-top: #333333 0.1em solid;
	border-bottom: #333333 0.1em solid;
	text-align: center;
}

.menu li {
	margin-left: 0.4em;
	margin-right: 0.4em;
	display: inline;
}

#sous-menu p, #sous-menu a {
	display: inline;
}

#sous-menu {
	border-top: 1px dotted;
	border-bottom: 1px dotted;
}

/**Fin du menu**/

/*************************CITATIONS*************************/
q, blockquote {
	display: block;
	margin: 0;
	padding-top: 0.5em;
	font-style: italic;
	line-height: 130%;
	padding-left: 60px; /*quote*/
	min-height: 50px; /*hauteur d'une quote, cf Images/Theme/Quotes*/
	background-repeat: no-repeat;
	text-align: left;
}

blockquote .first-child { /*IE :'(*/
	display: inline;
}

.source {
	display: block;
	background-repeat: no-repeat;
	background-position: top right;
	min-height: 30px; /*hauteur d'une quote fermante, cf Images/Theme/Quotes*/
	padding-right: 40px;
	text-align: right;
}
/*************************LIENS*************************/

a:active {
	border: none; /*Pour Gecko*/
}

a:hover, a:focus, .menu a:focus {
	color: #333;
}

a.pdf {
	text-align: center;
	background-image: url(../Images/Site/Pdf.jpg);
	background-repeat: no-repeat;
	background-position: center;
	padding-top: 5.5em;
	display: -moz-inline-box;
	display: inline-block;
}

#liens a {
	display: block;
	margin-top: 1em;
}

#liens a[href^=mailto] {
	background-image: url(../Images/Site/Mail.png);
	background-position: left;
	background-repeat: no-repeat;
	padding-bottom: 10px;
	padding-top: 10px;
	padding-left: 48px;
	margin-left: 240px; /*on soustrait au padding-left le nombre de pixel que l'on a mit a tous les liens en padding-left afin qu'ils restent centrés*/  
	margin-right: 265px;
}

#evitement {
	text-align: right;
	font-size: 60%;
	margin-top: -2em;
}

#evitement li {
	display: inline;
	padding-right: 3em;
}
/**Fin des liens**/

/*************************TOGGLER*************************/
.toggled {
	padding-bottom: 1.4em;
	padding-left: 0.1em;
	padding-right: 0.1em;
/*
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
*/
	border-left : 2px solid #999;
	border-right : 2px solid #999;
	background-image: url(../Images/Global/background-toggled.png);
}

.toggler {
	background-position: top left;
	background-repeat: no-repeat;
	font-style: italic;
	padding-left: 2em;
	padding-right: 2em;
	padding-top: 0.07em;
	cursor: pointer;
}

.toggler.closed {
	background-image: url(../Images/Site/PileArrowRight.jpg);
}

.toggler.opened {
	background-image: url(../Images/Site/PileArrowDown.jpg);
}

.toggler.closer {
	background-image: url(../Images/Site/Close.jpg);
}

/*************************LINKMENU*************************/

ol.linkMenu {
	display: inline-block;
	-webkit-padding-start: 0px;
}

ol.linkMenu li {
	margin-left: 1em;
}

/*************************DYNAMICFIXER*************************/

.fixed {
	width: inherit;
	margin: -1px;
	border-left: 1px solid black;
	border-right: 1px solid black;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
}

.fixed img {
	height: 1.2em;
	width: 1.2em; /*IE6 compatibility*/
	margin-right: 0.5em;
	margin-bottom: 0.1em;
}

/**Fin de la CSS**/