<link rel='stylesheet' href='http://www.sqlspot.com/prive/spip_admin.css' type='text/css' />
<link rel='stylesheet' href='http://www.sqlspot.com/extensions/indispensables/soyezcreateurs/spip_admin_perso.css' type='text/css' />
/* Recuperation des CSS par defaut de SPIP */
/* SPIP-STYLE                                                           */
/* Cette feuille contient les styles associes au code genere par SPIP.  */
/* Ces styles sont indispensables et doivent necessairement etre        */
/* definis pour le bon fonctionnement de vos squelettes.                */


/* Intertitre */
h3.spip { text-align: center; margin-top: 2em; margin-bottom: 1.4em; font-size: 1.15em; font-weight: bold; }
hr.spip { margin: 2em auto; }

/* Listes SPIP */
ul.spip {}
ol.spip { list-style: decimal; }

/* Citations, code et poesie */
blockquote.spip { margin: 2em 0; margin-left: 1em; padding-left: 1em; border-left: 1px dotted #aaa; }
blockquote.spip_poesie { margin: 2em 0; margin-left: 1em; padding-left: 1em;  border-left: 1px solid #aaa; }
blockquote.spip_poesie div { text-indent: -3em; margin-left: 3em; }

.spip_code, .spip_cadre { font-family: Courier, "Courier New", monospace; color: #036; }
.spip_cadre { width: 99%; background-color: #F4F8F8; border: 1px inset; font-size:inherit; }
div.spip_code, .spip_cadre { margin-bottom: 1em;  }

.spip_surligne { background: #FF6; }

/* Tableaux */
table.spip { max-width: 99%; margin-right: auto; margin-left: auto; margin-bottom: 1em; border-collapse: collapse; border-spacing: 0; line-height: normal; }
table.spip caption { caption-side: top; /* bottom pas pris en compte par IE */ text-align: center; margin-right: auto; margin-left: auto; font-weight: bold; }
table.spip tr.row_first { background: #FFC; }
table.spip tr.row_odd { background: #EEE; }
table.spip tr.row_even { background: #DDD; }
table.spip th, table.spip td { padding: 0.20em 0.40em; text-align: left; border: 1px solid; }
table.spip th { vertical-align: bottom; font-weight: bold; }
table.spip td { vertical-align: top; }

/* Logos, documents et images */
img, .spip_logos { margin: 0; padding: 0; border: 0; }
.spip_documents { text-align: center; line-height: normal; }
.spip_documents p { margin: 0.10em; padding: 0; }
.spip_documents_center { display: block; clear: both; width: 100%; margin: 1em auto; }
.spip_documents_left { float: left; margin-right: 15px; margin-bottom: 5px; }
.spip_documents_right { float: right; margin-left: 15px; margin-bottom: 5px; }
.spip_doc_titre { margin-right: auto; margin-left: auto; font-weight: bold; font-size: 0.90em; }
.spip_doc_descriptif { clear: both; margin-right: auto; margin-left: auto; font-size: 0.90em; }

/* modeles par defaut */
.spip_modele { float: right; display: block; padding: 1em; border: 1px solid; width: 180px; }

/* Couleurs des liens de SPIP */
a.spip_note {} /* liens vers notes de bas de page */
a.spip_ancre {} /* liens internes a la page */
a.spip_in {} /* liens internes */
a.spip_mail { color: #900; }
a.spip_mail:before { content: "\002709"; } /* liens vers un email */
a.spip_out { color: #009; } /* liens sortants */
a.spip_url { color: #009; } /* liens url sortants */
a.spip_glossaire { color: #060; } /* liens vers encyclopedie */
a.spip_glossaire:hover { text-decoration: underline overline; }
.on { font-weight: bold; } /* liens exposes */


/* layout */

html, body {
	margin: 0;
	padding: 0;
}
html {
	font-size: 62.7%;
	font-family: verdana, arial, helvetica, sans-serif;
}

div {
	margin: 0;
	padding: 0;
	border: 0;
}

#navigation {
	background-color: #7b65a5;
}

/* presentation */
html {
	color: #222;
	background-color: #433;
	margin-top: 8px;
}

input, textarea, select { 
	border-top:0.06em solid #4F4F4F;
	border-left:0.06em solid #4F4F4F;
	border-bottom:0.06em solid #CFBEB5;
	border-right:0.06em solid #CFBEB5;
}

a#logo {
	display: block;
	clear: right;
	text-align: center;
}
#logo {
	text-align: center;
	height: 140px;
	width: 170px;
	background-color: #fff;
}

#logo img {
}

body {
	color: #222;
}

#container {
	background: #fff url(/sites/sqlspot.com/squelettes/images/sqlspot_frederic_brouard_sql_serveur_sgbdr_donnees.jpg) no-repeat top right;
	color: #222;
}

.ahem {
	display: none;
	volume: silent;
}

.retourtop {
	font-size: .8em;
	padding: 1.5em 1em 2em;
	text-align: right;
	clear: both;
}

#footer {
	color: #ccc;
	background-color: #4a3d64;
	font-size: 1em;
	margin:0;
	width: auto !important;
}

#footerbas {
	padding: 3em 1.5em;
}

.right {
	text-align: right;
}

#footer span.right {
	display: block;
	color: #9B9B9B;
	text-align: right;
}

#footer img {
	vertical-align: middle;
	padding: 0px .5em 0px .5em;
	background: url(/extensions/indispensables/soyezcreateurs/images/pucebleue.gif) no-repeat center;
	width: 4px;
	height: 4px;
}

.cadreinfo {
	font-size: 1em;
	background-color: #CCFFFF;
	color: #cdecfa;
	margin-left: 10px;
	margin-right: 10px;
	padding: 5px;
	margin-bottom: 10px;
	margin-top: 20px;
	text-decoration: none;
}

#footer a,.cadreinfo a {
	color: #828282;
	font-weight: bold;
	text-decoration: none;
	font-variant: small-caps;
}

#footer a:visited,.cadreinfo a:visited {
	color: #828282;
	text-decoration: none;
}

#footer a:hover,.cadreinfo a:hover {
	color: #ff8c00;
	text-decoration: underline;
}

#footer a:active,.cadreinfo a:active {
	color: #eee;
}


#content {
	position: relative;
	background: transparent;
	margin: 0;
	padding:0;
	-moz-border-radius-topleft: 1em;
}

#menu {
	background-color: transparent;
	overflow: hidden;
	width: 170px;
}

/* hack nÃ©cessaire pour que le menu s'affiche correctement sous IE*/
/* hides from ie5-mac \*/
* html #menu li, * html #miettesdepain, * html .rightmenu h2 {height: 1%;
	position: relative;
}
/* end hide from ie5-mac */

#menu ul img.menu_plus, #menu ul img.menu_minus {
	background-repeat: no-repeat;
	border:0;
	width:9px;
	height:9px;
	margin: .7em 0 0 5px;
	float: left;
	position: absolute;
	z-index: 100;
}

#menu ul ul img.menu_plus, #menu ul ul img.menu_minus {
	margin: .3em 0 0 5px;
}

#menu img.menu_plus {
	background: url(/extensions/indispensables/soyezcreateurs/images/menu_plus.gif) no-repeat;
}
#menu img.menu_minus {
	background: url(/extensions/indispensables/soyezcreateurs/images/menu_minus.gif) no-repeat;
}

#menu ul, #apparenceswitcher ul {
	margin: 0; 
	padding: 0;
}

#menu li {
	list-style: none;
	list-style-image: none;
	padding: 0 0;
	background: transparent;
}

#apparenceswitcher ul li {
	list-style: none;
	list-style-image: none;
	padding: 1px 0;
}
#menu ul ul {
	margin: 0 0 0 10px;
	padding: 0;
}

#menu li a {
	display: block;
	font-size: 1em;
	font-weight: bold;
	color: #fff;
	background-color: #0097E7;
	border-left: 0px none;
	text-align: left;
	padding: 5px 0 5px 20px;
	margin: 4px 0;
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	opacity: 0.7;
}

#menu ul ul li a {
	background: #1b9dd9;
	font-size: 1em;
	padding: 2px 0 2px 20px;
	text-decoration: none;
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	opacity: 0.7;
}

#menu strong li {
}

#menu strong li a, #menuhaut strong li a {
	background: #fff;
}

#menu li strong a:visited,#menu li strong a:link, #menuhaut li strong a:visited,#menuhaut li strong a:link {
	color: #DA0E0F;
	background-color: #fff;
	margin-left: 2px;
	filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity: 1;
}

#menu li a:link, #menuhaut li a:link {
	color: #fff;
	text-decoration: none;
}

#menu li a:visited, #menuhaut li a:visited {
	color: #fff;
	text-decoration: none;
}

#menu li a:hover, #menuhaut li a:hover {
	background: #00A22A;
	color: #fff;
	text-decoration: none;
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	opacity: 0.9;
}

#menu li a:active, #menuhaut li a:active {
	background: #fff;
	color: #f67501;
	text-decoration: none;
}

#menu form {
	margin: 0;
	padding: 0;
}

#menu input {
	border: 1px solid #999999;
}

.espaceavant {
	margin-top: 10px;
}

.rightmenu li a {
	background: #B4C2C2;
	display: block;
	font-weight: bold;
	margin-bottom: 3px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 3px;
	padding-bottom: 5px;
	padding-left: 15px;
	padding-right: 0px;
	padding-top: 5px;
	text-decoration: none;
}

/* hack pour que le menu soit clicable sur toute sa largeur */
#menu li a, .rightmenu li a {
	height: 1%
}
html>body #menu li a, html>body .rightmenu li a {
	height: auto
}

.rightmenu li a:link {
	color: #fff;
	text-decoration: none;
}

.rightmenu li a:visited {
	color: #fff;
	text-decoration: none;
}

.rightmenu li a:hover {
	background: #1b9dd9;
	color: #fff;
	text-decoration: none;
}

.rightmenu li a:active {
	background: #fff;
	color: #ff9900;
	text-decoration: none;
}

.rightmenu li {
	display: block;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 0px;
}

.rightmenu ul {
	color: #333333;
	font-size: .9em;
	margin-bottom: 1.5em;
	margin-left: 0px;
	margin-top: 0.5em;
	padding-left: 0px;
	list-style: none;
	list-style-image: none;
}

.rightmenu ul ul {
	color: #333333;
	margin-bottom: 0.5em;
	margin-left: 0px;
	margin-top: 0.5em;
	padding-left: 10px;
	font-size: 1em;
}

.rightmenu li strong a {
	background: #ffffff;
	color: #B4C2C2;
	display: block;
	font-weight: bold;
	margin: 3px 5px 3px 0;
	padding-top: 5px 0 5px 15px;
	text-decoration: none;
	-moz-border-radius-bottomright: 24px;
}

.rightmenu li strong a:link, .rightmenu li strong a:visited {
	color: #B4C2C2;
}

.rightmenu li strong a:hover {
	color: #FFF;
}

#menu h2 {
	color: #fff;
	background-color: #B4C2C2;
	border-left: 0px none;
	padding-right: 10px;
	text-align: right;
	margin-top: 5px;
	margin-bottom: 5px;
	background-position: 6px;
	background-repeat: no-repeat;
	cursor: s-resize;
	height:1.2em;
	padding-bottom: 5px;
	padding-top: 5px;
}

#menu h2 {
	font-size: 1.4em;
	font-weight: bold;
	padding-left: 2px;
}

#reagir {
	background: #8BB5E2;
	border-bottom: #003368 solid 2px;
	border-top: #CCE5FF solid 1px;
	color: #003368;
	font-size: 1.3em;
	padding-top: 5px;
	margin-top: 8px;
}

#reagir h2 {
	border-bottom: #CCE5FF solid 1px;
	border-top: #003368 solid 1px;
	color: #003368;
	font-size: 1.4em;
}

#extra {
	background: #7b65a5;
	background-repeat: no-repeat;
	border-width: 0;
	padding: 0;
	margin: 0;
}

.rightmenu h2 {
	color: #13007D;
	background-color: #aaa;
	font-size: 1.4em;
	margin: .7em 0 .7em 0;
	padding: .2em 0 .2em 0;
	text-align: center;
	filter:Alpha(opacity=70);
	-moz-opacity:.7;
	opacity: .7;
}

#apparenceswitcher {
	background: transparent;
	left: 0;
	margin: 0;
	padding: 0 0 10px 0;
	width: 100%;
}

#header {
	position: relative;
	height: 140px;
}

#header h1 {
	display: none;
}

#xiti {
	position: absolute;
	bottom:10px;
	left:18px;
	z-index: -1;
}

a em {
	font-style: normal;
   text-decoration: underline;
}
#compteurs {
	text-align: center;
	background-color: #fc0;
	color: #f60;
	margin-left: 5px;
	margin-right: 5px;
	padding: 0px;
	margin-bottom: 10px;
	margin-top: 20px;
	text-decoration: none;
}
#compteurs a {
	display: block;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
}

.texteencadre-spip {
	background: #F2FFFF;
	border-bottom: 2px solid #B4C2C2;
	border-left: 1px solid #1b9dd9;
	border-right: 2px solid #B4C2C2;
	border-top: 1px solid #1b9dd9;
	margin: 1em 0;	
	padding: .25em;	
	position: relative;
}

.caractencadre-spip {
	color: #f60;
	font-weight: bold;
}

.caractencadre2-spip {
	color: #009;
	font-weight: bold;
}

a {
	color: #990000;
	font-weight: bold;
	text-decoration: none;
}

a:visited {
	color: #076b8b;
}

a:hover {
	color: #ff8c00;
	text-decoration: underline;
}

a:active {
	color: #f00;
}

b {
	font-weight: bold;
}

.cartouche {
	margin-bottom: 2em;
	position: relative;
}

#content h1 {
	color: #ef6d00;
	background-color: transparent;
	font-size: 2em;
	font-weight: bold;
	letter-spacing: 1px;
	margin-bottom: 0em;
	margin-top: 0em;
	margin-right: 0;
	margin-left: 0;
	padding-top: 0.5em;
	padding-left: .5em;
	padding-bottom: 0.5em;
	padding-right: 50px;
	border-bottom: 4px solid #be9cff;
	line-height: 1.5em;
}

#cadreforum h1 {
	background-image: none;
	border: none;
	margin-right: -40px;
	padding-right:0;
	margin-left: 0%;
}

#content h2 {
	color: #076b8b;
	background-color: #FFFFFF;
	font-size: 1.8em;
	font-weight: bold;
	line-height: 1.5em;
	margin-bottom: 0px;
	margin-top: 1em;
	padding-top: 0;
	margin-left: -1em;
	clear: left;
}

#content h3 {
	color: #076b8b;
	background-color: #FFFFFF;
	font-size: 1.7em;
	font-weight: bold;
	line-height: 1.5em;
	margin-bottom: 0px;
	margin-top: 0.5em;
	margin-left: -.75em;
	clear: left;
	text-align: left !important;
}

#content h4 {
	color: #076b8b;
	font-size: 1.6em;
	font-weight: bold;
	line-height: 1.5em;
	margin-bottom: 0px;
	margin-top: 0px;
	clear: left;
	border-left: 3px solid #cdecfa;
	margin-left: -.5em;
	padding-left: .25em;
}

#content h5 {
	color: #076b8b;
	font-size: 1.4em;
	font-weight: bold;
	line-height: 1.5em;
	margin-bottom: 0px;
	margin-top: 0px;
	clear: left;
	border-left: 2px solid #cdecfa;
	margin-left: -.5em;
	padding-left: .25em;
}

#content h6 {
	color: #076b8b;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.5em;
	margin-bottom: 0px;
	margin-top: 0px;
	clear: left;
	border-left: 1px solid #cdecfa;
	margin-left: -.5em;
	padding-left: .25em;
}

#content hr {
	margin: 2em 0;
	padding: 0px;
	border: 0px;
	border-bottom: 1px;
	border-bottom-color: #076b8b;
	border-bottom-style: solid;
	height: 1px;
	width:90%;
	text-align: left;
	clear: both;
}

img {
	border: 0px;
	z-index: 0;
}

#content img {
	border-width: 0px;
	padding-bottom: 0px;
	padding-left: 1.5em;
	padding-right: 1.5em;
	padding-top: 0px;
}

p {
	font-size: 1em;
	margin-bottom: 10px;
	margin-top: 20px;
	text-align: justify;
}

strong {
	font-weight: bold;
}

ol {
	color: #333333;
	font-size: 1em;
	list-style-type: decimal;
	list-style-image: none; 
}

ul, #content ul {
	color: #222;
	font-size: 1em;
	list-style-type: disc;
	list-style-image: url(/extensions/indispensables/soyezcreateurs/images/pucebleue.gif);
	position: relative;
}

ul ul, ol ul, ul ol, ol ol {
	padding-left: 12px;
}

/* mise en forme spip */
.ps {
	background-color: #f8f8f8;
	border: 1px dashed #cccccc;
	font-size: .9em;
	font-weight: normal;
	text-align: justify;
	padding: 2px .5em 3px .5em;;
	margin-top: 1em;
	margin-bottom: .5em;
	clear: both;
	position: relative;
}

/*pour regler le bug de ie des elements fantomes en cas de float*/
#content h1, #miettesdepain, #letexte {
  position: relative;
}

.descriptif, .chapo {
	background-color: #FFFFFF;
	border: 1px solid #B4C2C2;
	font-size: 1em;
	font-weight: normal;
	text-align: justify;
	margin-top: 1em;
	margin-bottom: .5em;
	padding: 2px 1em 3px 1em;;
	z-index: 99;
	clear: left;
}

.chapo {
	border: 1px solid #ececec;
	background: #fff;
	padding: 2em;
	-moz-border-radius: 1em;
}

.forum-auteur {
	position:absolute;
	right:90px;
	font-style: italic;
	padding-right: 8px;
}

.forum-chapo {
	background-color: #F2F8F9;
	border-bottom-color: #C5D3D5;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	padding-left: 5px;
	position:relative;
}

.forum-item {
	margin-bottom: 5px;
	padding-left: 1%;
	padding-right: 1%;
}

.forum-repondre {
	text-align: right;	
	margin: 0.5em 1em .5em 4em;
	border-top: 1px solid #cc9933;
	clear: both;
}

.forum-repondre a {
	background-color: #fff;
	padding: 0px 1em 0px 1em;
	border: 1px solid #0039ff;
	-moz-border-radius-bottomleft: .5em;
	-moz-border-radius-bottomright: .5em;
}

.forum-repondre-message {
	border-top-color: #cccccc;
	border-top-style: dashed;
	border-top-width: 1px;
	margin-top: 3px;
	padding-right: 5px;
	text-align: right;
}

#artrecents {
	font-size: 1em;
	background: #f0f0f0;
	background: url(/extensions/indispensables/soyezcreateurs/images/coinfeuille.gif) no-repeat top left;
	border-bottom: #999999 solid 1px;
	border-right: #999999 solid 1px;
	margin: .5em 20px 0 10px;
	width: 160px;
	max-height: 350px;
	overflow: auto;
	padding: 5px 5px 0 0;
	z-index: 100;
	float: right;
	position: relative;
	display: inline;
}

#artrecents h2, #signature h2 {
	margin: 0 0 .5em 25px;
	padding: 2px 2px .5em 2px;
	padding-right: 5px;
	font-size: 1.2em;
	color: #036180;
	background: transparent;
	text-align: center;
	border-bottom: 1px solid #90c7e1;
	font-weight: bold;
}

#artrecents ul {
	padding-left: 2px;
	margin-left: 18px;
	padding-right: 0;
	margin-right: 0;
	margin-bottom: 0px;
	margin-top: 0px;
}

#artrecents ul li {
	padding-left: 2px;
	margin-left: 0px;
	padding-bottom: .2em;
}

#artrecents a {
	font-weight: normal;
	font-size: .9em;
}

#cadreforum {
	background: #FFFFFF;
	border-bottom-color: #eee;
	border-bottom-style: solid;
	border-bottom-width: 2px;
	border-left-color: #eee;
	border-left-style: solid;
	border-left-width: 1px;
	border-right-color: #eee;
	border-right-style: solid;
	border-right-width: 2px;
	border-top-color: #eee;
	border-top-style: solid;
	border-top-width: 1px;
	padding-right: 40px;
	margin: .5em 0 0 0;
}

.spip_out {
	padding-left: .3em;
	padding-right: .3em;
	background-color: #e3ecf5;
}

#miettesdepain {
	text-align: right;
	font-style: italic;
	font-size: .9em;
	padding: .25em 1em 1.5em;
	clear: both;
	color: #000;
	background-color: transparent;
	filter:alpha(opacity=70);-moz-opacity:.70;opacity:.70;
}

#miettesdepain img {
	padding: 0px;
	background: url(/extensions/indispensables/soyezcreateurs/images/chevrons.gif) no-repeat center;
	width: 8px;
	height: 11px;
}

#signature {
	background: #eee;
	border-bottom-color: #999999;
	border-bottom-style: solid;
	border-bottom-width: 2px;
	border-left-color: #eeeeee;
	border-left-style: solid;
	border-left-width: 1px;
	border-right-color: #999999;
	border-right-style: solid;
	border-right-width: 2px;
	border-top-color: #eeeeee;
	border-top-style: solid;
	border-top-width: 1px;
	padding: 5px 5px 5px 15px;
	margin-bottom: 5px;
	z-index: 100;
	font-size: .9em;
}

#docjoints ul {
	margin: 0px;
	padding: 0 5px 0 25px;
}

#docjoints ul li {
	padding-bottom: .2em;
	padding-left: .5em;
}

#docjoints img {
	padding-left: 0.5em;
	padding-right: 0.5em;
	float: left;
}

.surtitre, .soustitre, .datepublication {
	position: relative;
	font-style: italic;
	font-weight: bold;
	font-size: .9em;
	color: #076b8b;
	margin-left: 0px;
	margin-right: 0px;
}

.surtitre {
	top:0px;
	z-index: 100;
}

.soustitre {
	text-align: right;
	top:0px;
	z-index: 100;
	margin-bottom: .3em;
}

.datepublication {
	float: right;
	top:0px;
	z-index: 100;
	font-size: .8em;
	font-style: italic;
	background: #fff;
	padding: 1px .5em;
	-moz-border-radius-bottomleft: 1em;
}

.surtitre span, .soustitre span {
	padding: 0px 1em 0px 1em;
}

.surtitre span {
	background: #CDECFA;
	padding: 1px .5em;
	-moz-border-radius-topright: 1em;
}

.soustitre span {
	background: #CDECFA;
	padding: 0 .5em 1px .5em;
	-moz-border-radius-bottomleft: 1em;
}

fieldset {
	margin-top: 3px;
	margin-bottom: 5px;
	padding-left: .25em;
	padding-right: .25em;
	padding-bottom: 3px;
}

#logininfos a {
	font-size: .9em;
}

.spip_bouton {
	width: auto;
	margin: 0px;
	padding: 2px 6px;
	color: #990000;
	background-color: #008BD8;
	font-size: .9em;
	font-weight: bold;
	border: 1px solid #008BD8;
}

.spip_surligne {
	color: #293778;
	background: #ffcc00;
}

.forml {
	position: relative;
	width: 96%;
	margin: 0;
}

#letexte {
	font-size: 1.1em;
	line-height: 120%;
	padding: 0 30px;
	clear: left;
}

#letexte ul {
	line-height: 120%;
	font-size: 1em;
}

#content table, table.spip {
	width: auto;
	border-collapse: collapse;
	border: solid;
	border-color: #aaa;
	border-width: 1px;
	background-color: #fff;
	font-size: 1em;
	margin-top: 2em;
	margin-bottom: .5em;
}

#content td, th {
	padding: 5px;
	padding-left: 10px;
	padding-right: 20px;
	border: solid;
	border-color: #ccc;
	border-width: 1px;
	text-align: left;
	width: auto;
	vertical-align: top;
}

#content thead, table.spip tr.row_first {
	background-color: #fb0;
	color: #fff;
	width: auto;
	text-align: center;
	font-size: 1.1em;
}

table.spip tr.row_even {
	background: #fff;
}

#content tbody {
	width: auto;
}

#content td {
	font-size: 1em;
}

#content tr {
	font-size: 1em;
}

#content tr.alt, #content tr.row_odd  {
	background-color: #ffffcc;
}

.fullwidthcontainer {
	width:98%;
	position:relative;
}
blockquote.spip {
	margin: 1em 1.5em 1.5em 1.5em;
	padding: .3em 1em .4em 70px;
	color: #c6884f;
	background: #fff url(/extensions/indispensables/soyezcreateurs/images/quoteleft.gif) no-repeat top left;
}

#document_actif {
	text-align: center;
	margin: 1em 0;
	padding: .5em 0 1em 0;
}

#document_actif h2{
	margin-left: 0;
}

#document_actif dl {
	margin: 1em 0;
	color: inherit;
}

#document_actif dt {
	font-weight: bold;
	font-size: 120%;
	margin: 0;
	padding: 0;
	color: inherit;
}

#document_actif dd {
	font-style: italic;
	margin: 0 0 .5em 0;
	padding: 0;
	color: inherit;
}

#content img.gallerie {
	border: 3px solid #ebeff8;
	margin: .5em 2em;
	padding: 2px;
	background-color: #000;
	float: left;
}

#content img.galleriebig {
	padding: 4px;
	margin: .5em 2em;
	background-color: #000;
}

.clearing {
	clear: both;
	height: 1em;
}

/* agenda */

.miniagenda {
	text-align: center;
}

table.agenda, table.agenda tr, table.agenda th, table.agenda td, table.agenda caption, table.agenda caption h2 {
	color: #000000;
	font-size: .9em;
	padding: 0;
	margin: 0;
	text-align: center;
}

table.agenda caption {
	background-color: #cdecfa;
	color: #013249;
	margin: auto;
	width: 136px;
	border: none;
	font-size: 1.2em;
}

table.agenda th {
	font-size: 1.1em;
	width:14% !important;
	padding: .2em 0;
}

table.agenda tr, table.agenda th {
	border-width: 0px;
	border-collapse: collapse;
	border-color: #fff;
	border-width: 1px;
	border-style: solid;
}

table.agenda td {
	border-color: #fff;
	border-width: 1px;
	border-style: solid;
	border-collapse: collapse;
	font-size: 1em;	
	width:14% !important;
}

table.agenda {
	border: 2px #899bc8 solid;
	border-top: 2px #000 solid;
	background: transparent;
	border-collapse: collapse;
}

table.agenda em {
	background-color: #fff;
	-moz-opacity: .3;
}

.miniagenda table.agenda {
	margin: auto;
	width: 134px;
}

table.agenda td a, table.agenda td a:link, table.agenda td a:visited, table.agenda td a:active {
	color: #000000;
	background-color: transparent;
	font-weight: normal;
	text-decoration: none;
}

table.agenda td a:hover {
	color: #ff3300;
	background-color: #ffffff;
	font-weight: normal;
	text-decoration: underline;
}

th.agendanav {
	background-color: #1b9dd9;
	font-size: 1.4em;
	padding: .5em 0;
}

th.agendanav form {
	display: inline;
	width: 100%;
}

th.agendanav a, th.agendanav a:link, th.agendanav a:visited, th.agendanav a:active
{
	color: #000;
	background-color: transparent;
	font-weight: bold;
	text-decoration: none;
}

th.agendanav a:hover {
	color: #000;
	background-color: transparent;
	text-decoration: underline;
}

.agendahead {
	color: #013249;
	background-color: #53add6;
	padding: 1px 1em;
	border: 1px solid #fff;
	font-size: 1.1em;
	width:14% !important;
}

.agendathisday {
	background-color: #E4F5FD;
	border: 2px solid #fff;
	width:14% !important;
}

.agendathismonth {
	background-color: #9bdcfa;
	border: 1px solid #fff;
	width:14% !important;
}

.agendanotthismonth {
	background		: #c9dae2;
	border: 1px solid #fff;
	width:14% !important;
}

ul.agendathemes {
	list-style: none;	
	margin: 0 0 0 20px;
	padding: 0;
}

ul.agendathemes ul.agendathemes {
	list-style: none;	
	margin: 5px 0px 0px 15px;
	padding: 0px;
}

#sommaire {
	font-size: .9em;
	border-top: 1px solid #660000;
	border-bottom: 1px solid #660000;
	position: relative;
	background-color: #e1f0ff;
	width: auto;
	clear: left;
}

#sommaire h2 {
	margin: 0;
	padding: 0 1em;
	border-bottom: 1px solid #FF3300;
	background-color: #FFC284;
	width: auto;
}

.retoursommaire {
	font-size: .8em;
	margin-bottom: 10px;
	margin-top: 20px;
	text-align: right;
}

acronym, abbr {
	cursor: help;
	border-bottom: 1px dotted #369;
}

#googlesearch {
	background-color: #fff;
	font-size: .9em;
	color: #000;
	margin-left: 5px;
	margin-right: 10px;
	padding: 5px;
	margin-bottom: 10px;
	margin-top: 0px;
	text-decoration: none;
	border-top: solid 2px #B4C2C2;
}

#menu .cadreinfo {
	border: none;
	padding: 10px 0 10px 5px;
	margin-left: 5px;
	margin-bottom: 0px;
	color: #000;
	background-color: #FFFFFF;
	border: solid 1px #fff;
}

#menu .cadreinfo form {
	color:#000;
}

.searchfield {
	width:70%;	
}

#recherchemot {
	width: 100%;
}

.okfield {
	width:20%;	
}

#googleadsense {
	text-align:center;
	padding-top: 1em;
}

#apparenceswitcher {
	font-size: .8em;
	padding-bottom: 2px;
	margin-bottom: 10px;
	background: transparent;
	display: none;
}

#apparenceswitcher h2 {
	background: #B4C2C2;
	font-size: 1.2em;
	margin: 0;
	padding: 1px 5px;
	text-align: right;
	color: #fff;
	-moz-opacity: .9;
}

#apparenceswitcher ul li {
	padding: 0;
}
#apparenceswitcher ul li a {
	display: block;
	background: transparent;
	padding: 0 5px;
	margin: 0;
	height: 1.5em;
	color: #fff;
	border-right: solid 5px #9bdcfa;
}

#apparenceswitcher ul li a:hover {
	color: #B4C2C2;
	background: #fff;
	border-right: solid 5px #B4C2C2;
	text-decoration: none;
}

#apparenceswitcher ul li a:active {
	color: #f93;
	border-right: solid 5px #fff;
	text-decoration: none;
}

#documents_portfolio {
	clear: both;
}

#documents_portfolio img {
	border: 2px solid #000;
	margin: 0 1em .5em 0;
	padding: 0;
	float: left;
}

dl.event {
	margin: 2em 0;
	padding: 0;
	font-family: verdana, arial, helvetica, sans-serif;
}

.event dt {
	position: relative;
	left: 0;
	top: 1.1em;
	width: 7em;
	font-weight: bold;
}

.event dd {
	border-left: 1px solid #000;
	margin: 0 0 0 8em;
	padding: 0 0 .5em .5em;
}

#datemajsite {
	float: right;
	color: #000;
	background-color: #fff;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size:.9em;
	padding-right: 10px;
}

a.spip_barre img {
	border-left: 1px solid #ffffff;
	border-top: 1px solid #ffffff;
	border-right: 1px solid #aa9966;
	border-bottom: 1px solid #aa9966;
	padding: 3px !important;
	background-color: #ffddaa;
}

a.spip_barre:hover img {
	border: 1px solid #808080;
	padding: 3px;
	background-color: #f8f8f4;
	margin:0;
}

label {
	text-align: left;
}

#graversonnom {
	margin: 1em 30px;
}
#graversonnom img {
	float: left;
	padding: 0;
	margin: 0;
}

.alaune dl {
	background: url(/extensions/indispensables/soyezcreateurs/images/staryellow.gif) center left no-repeat;
}

ul.alaune li {
	list-style-image: url(/extensions/indispensables/soyezcreateurs/images/staryellow.gif);
}

.liste_auteurs {
	border: 1px solid #B4C2C2;
	padding: 1px .5em;
	background-color: #cdecfa;
	-moz-border-radius-bottomleft: .5em;
	-moz-border-radius-topright: .5em;
}

.cartouche .liste_auteurs {
	float: left;
	margin: .5em 2em 1em 2em;
}

sub.dateevenement {
	font-size: 50%;
	color: #B4C2C2;
	position:relative;
	left:4em;
	top:0.7em;
	display: block;
}

.dateevenement a:visited {
	color: #CDECFA;
}

.dateevenement a:hover {
	color: #FFF;
}

#miettesdepain ul {
	margin: 0;
}

#miettesdepain ul li {
	display: inline;
}

#miettesdepain ul li a {
	padding-right: 14px;
	background: url(/extensions/indispensables/soyezcreateurs/images/chevrons.gif) right no-repeat;
}

.spip_documents_center{
	margin: auto; 
	text-align: center;
	width: 80%;
}

.spip_documents_left{
	margin-right: 15px; 
	text-align: center;
	clear: left;
}

.spip_documents_right{
	margin-left: 15px; 
	text-align: center;
	clear: right;
}

.spip_documents img {
	border-width: 0px;
	padding: 0 !important;
}

.spip_documents {
	text-align: center;
}

#extra ul ul li {
	margin: 0;
	padding: 0 0 0 10px;
}

#extra ul ul li a {
	margin: 1px 0 0 0;
	padding: 0 0 0 15px;
	width: 135px;
	overflow: hidden;
}

#citations {
	margin: 2em 10px .5em 10px;
	padding: 0;
	position: relative;
}

#citations dt {
	margin: 0;
	background-color: #0F7FB3;
	color: #eef;
	padding: .25em .5em;
	font-family: "trebuchet ms", verdana, arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 1.1em;
	border-bottom: solid 1px #114;
	-moz-border-radius-topright: .5em;
	-moz-border-radius-topleft: .5em;
}

#citations dd {
	background-color: #eef;
	color: #000;
	margin:0;
	padding: .5em .6em;
	font-size: 1em;
	font-family: "comic sans ms", cursive;
	border-bottom: solid 1px #bbf;
	border-right: solid 1px #bbf;
	-moz-border-radius-bottomright: .5em;
	-moz-border-radius-bottomleft: .5em;
}

.notes {
	border-top: 1px solid #ccccff;
	border-left: 2px solid #ccccff;
	font-size: 1em;
	line-height: 120%;
	padding: .5em 1em 1em 10px;
	margin: 1em 0 2em 0;
	background-color: #ffffcc;
	color: #000066;
	-moz-border-radius-bottomright: 50%;
}

p.spip_note {
	margin: .3em 0;
	padding: 0;
}

div.spip_poesie {
	margin: 1em 2em 1em 1em;
	padding: .5em 50px .5em 1em;
	border-right: 1px solid #ccccff;
	border-top: 1px solid #ccccff;
	background: top right url(/extensions/indispensables/soyezcreateurs/images/poesie.gif) no-repeat;
	background-color: #f8f8ff;
	color: #000066;
	-moz-border-radius-bottomleft: 2em;
}
div.spip_poesie div {
	text-indent: -60px;
	margin-left: 60px;
}

#letexte form {
	margin:0;
	padding: 0;
}

textarea.spip_cadre {
	display: block;
	width: 100%;
	height: auto;
	max-height: 10em;
	border: 1px solid #990000;
	background-color: #eef;
	color: #000;
	padding: 1px;
	margin: 0;
}

table.agenda td a, table.agenda td a:link, table.agenda td a:visited, table.agenda td a:active {
	color: #0000cc;
	background: #fff url(/extensions/indispensables/soyezcreateurs/images/coinagenda.gif) top right no-repeat;
	font-weight: bold;
	text-decoration: none;
	display: block;
}


table.agenda td a:hover {
	color: #fff;
	background-color: #0000cc;
	font-weight: bold;
	text-decoration: underline;
}

#menuhaut {
	padding-bottom: 1.7em;
	background-color: #B4C2C2;
	font-size: 130%;
	padding-top: 8px;
	padding-left: 8px;
}

#menuhaut ul {
	background-color: transparent;
	margin: 0;
	padding: 0;
	width: 100%;
}

#menuhaut ul li {
	background-color: transparent;
	display: inline;
}

#menuhaut ul li a {
	font-size: 1em;
	font-weight: bold;
	color: #fff;
	background-color: #B4C2C2;
	text-align: left;
	padding: 0.2em .5em;
	margin: 0;
	float: left;
	border-top: 1px solid #B4C2C2;
	border-right: 1px solid #B4C2C2;
	border-left: 1px solid #B4C2C2;
	margin-right: 2px;
}

#menuhaut ul li strong a {
	border-top: 1px solid #fff;
	border-right: 1px solid #B4C2C2;
	border-left: 1px solid #fff;
}

#extra #bandeaucontact {
	color: #000;
	background-color: #fff;
	text-align: center;
	width: 170px;
}

#extra #bandeaucontact p {
	text-align: center;
	padding: 5px .5em;
}

#footer #bandeaucontact {
	color: #fff;
	background-color: #7b65a5;
	text-align: right;
	padding: 5px .5em;
	border-top: 1px solid #433;
	border-bottom: 48px solid #433;
}

.menuarticles {
	background-image: url(/extensions/indispensables/soyezcreateurs/images/chevrons.gif) !important;
	background-position: 5px !important;
	background-repeat: no-repeat !important;
}


#citationsheader {
	font-size: 80%;
	float: right;
	width: 400px;
	clear: right;
}

/* correction pour ie */
/* \*/
* html #letexte {
	float: left; /* Corrige un bug de IE6 des documents ou images flotes invisibles*/
	/* change un peu la mise en page, mais tant pis ! */
}
/* */

input:focus, textarea:focus {background-color: #E0F3FC;}

/* hack pour que le contenu du milieu ne disparaisse pas dans IE */
* html #letexte, * html #content {
	height: 1%
}

#wrapper {
	min-width: 450px;
}

/* hack pour que le menu soit correctement affiché dans IE7, cf : http://www.stuffandnonsense.co.uk/archives/clearing_floats_without_structural_markup_in_ie7.html
et http://nanobox.chipx86.com/blog/2006/04/easy-css-hacks-for-ie7.php */
*+#menu li {
	zoom : 1;
}

.logo_modenews {
	float:right;
}

.logo_article {
	float:left;
}

.logo_rubrique {
	float:left;
}

.logo_breve {
	float:left;
}

.menu_right_logo {
	margin: 3px 0;
}

.menu_haut_logo {
	margin: 0 !important;
	padding: 0 4px 0 0 !important;
	float: left;
}

.menu_gauche_logo {
	float:right;
	margin: 0 4px;
}

table.tableau_config_gp_mot {
	font-size:80% !important;
	font-family: 'trebuchet ms', verdana, arial, helvetica, sans-serif !important;
	float:right !important;
	z-index:250 !important;
	padding:0 !important;
	margin:0 0 0 1em !important;
}

table.tableau_config_gp_mot th {
	padding:1px .2em !important;
	margin:0 !important;
}

table.tableau_config_gp_mot td {
	padding:0 .2em !important;
	margin:0 !important;
}

#mots_agenda {
	border: 1px solid #00F;
	margin: 0 3em;
	padding: 0;
}

#mots_agenda h2 {
	margin: 0;
	padding: 0;
	font-size: 1.5em;
}

#mots_agenda div {
	margin: 0 2em;
}

#mots_agenda p {
	margin: 0;
}

#mots_agenda .descriptifmot {
	padding-bottom: .5em;
	font-weight: bold;
}

#mots_agenda .textemot {
	padding-bottom: .5em;
}

.modenews .savoirplus {
	text-align: right;
	margin-bottom: 1em;
	font-style: italic;
	clear: right;
}

.odd {
	background-color: #FDFDC0;
}

#google_picasa {
	text-align: center;
	margin: 1em 0 .2em;
}

.centrer_div {
	text-align: center;
	margin-top: 1em;
	margin-bottom: .5em;
}

.modenews dt {
	padding: .3em 0 .3em 1em;
	font-size: 120%;
	border-top: 1px solid #13007D;
}

.modenews .datepublication {
	font-size: .6em;
	font-weight: normal;
}

dd.agendastatut {
	margin-left: -2em;
	padding: .3em 0;
}

strong.agendastatut {
	border-top: 1px solid #F00;
	border-bottom: 1px solid #F00;
	border-left: 4px solid #F00;
	border-right: 4px solid #F00;
	padding: .1em 1em;
	margin-right: 1em;
}

.logo_agenda {
	float:left;
	padding: .2em 0.5em .2em 0 !important;
}

a[hreflang]:after {
	content: "\0000a0[" attr(hreflang) "]";
	color: #999;
	background : transparent;
}
a[hreflang='fr']:after{
	content:""
}
.searchfrm label {
	display:none;
}

#clearbottom {
	height: 0px;
}

img {
}

.agendaderniersajouts {
	text-align: left;
}

/*Style pour la connexion  */
#connexion {
	position:absolute; 
	top:0; 
	left:50px; 
	width:400px; 
	font-size:1.8em; 
	z-index:1000; 
	background-color:#fff; 
	color:#000;
	margin: 0;
	border: 4px solid #777;
	padding:3em;
}

.rubriques_chapitres {
	border-left: 2px solid #076b8b;
	padding-left: 1em;
}

#content .contenu_chapitres {
	border-left: 1px solid #39f;
	padding-left: 3em;
	font-size: 80%;
}

#content .contenu_chapitres h2, #content .contenu_chapitres h3, #content .contenu_chapitres h4, #content .contenu_chapitres h5, #content .contenu_chapitres h6 {
	color: #39f;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 80%;
	text-align: left;
}

#connexion fieldset {
	margin-top: 3px;
	margin-bottom: 5px;
	padding-left: .25em;
	padding-right: .25em;
	padding-bottom: 3px;
	border: 1px solid #990000;
}

#tooltip {
	border: 1px solid #000;
	background-color: #FFFFCC;
	color: #000099;
	filter:alpha(opacity=95);
	-moz-opacity:0.95;
	opacity: 0.95;
	padding: 5px;
	-moz-border-radius: 1em;
}

#tooltip h3, #tooltip p, #tooltip h2{
	margin: 0;
	font-size: 1em;
}

.extra2 h3 {
	color: #076b8b;
	background-color: #FFFFFF;
	font-size: 2em;
	font-weight: bold;
	line-height: 1.5em;
	margin: 0.5em 0 0 0;
	padding-left: 10px;
	clear: left;
}

.extra2 h4 {
	color: #076b8b;
	font-size: 1.4em;
	font-weight: bold;
	line-height: 1.5em;
	clear: left;
	border: 3px solid #cdecfa;
	margin: 5px 5px 8px 0;
	padding: 2px 2px 2px 2px;
	display: block;
	background-color: #9bdcfa;
	-moz-border-radius: 1em;
}

#lettre h2
{
	padding: 10px 1px 0px 10px;
	margin: 0px;
}

#lettre img {
	border-width: 0px;
	padding: 0 0.5em 0 0;
}