/* @override 
	http://ecole-alsacienne.org/spip/squelettes/css_ea_2009.css
	http://www.ecole-alsacienne.org/spip/squelettes/css_ea_2009.css
	http://ecole-alsacienne.org/spip/squelettes/css-ea-2010.css
	http://www.ecole-alsacienne.org/spip/squelettes/css-ea-2010.css
*/

/*
      Created by Keith Donegan of Code-Sucks.com
	  
	  E-Mail: Keithdonegan@gmail.com
	  
	  You can do whatever you want with these layouts,
	  but it would be greatly appreciated if you gave a link
	  back to http://www.code-sucks.com
	  
*/

/* @group Structure page */

/* @group colonne gauche */

.bloc_col_gauche {
	float: left;
	clear: left;
	width: 100%;
}

/* @end */

/* @group Rubrique */



.cadre_blog_gauche {
	width: 73%;
	float: left;
	margin: 10px 2% 20px;
	overflow: hidden;
}



.cadre_blog_gauche_grand {
	width: 100%;
	float: left;
	margin: 10px 2% 20px;
	overflow: hidden;
}



.cadre_blog_droite {
	width: 23%;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: auto;
	float: left;
	overflow: hidden;
}





.cadre_blog_droite_invisible {
	width: 23%;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: auto;
	float: left;
	overflow: hidden;
	display: none;
}

.demi_col1{
	width: 35%;
	float: left;
}

.demi_col2{
	width: 54%;
	clear: right;
	float: right;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
}

.sous_rubriques {
	float: right;
	font-size: 0.75em;
	width: 78%;
}

.sous_rubrique_texte {
	float: left;
	width: 100%;
	clear: left;
	overflow: hidden;
	height: 1.2em;
	margin-top: 2px;
	margin-bottom: 2px;
}

span.sous_rubrique_titre {
	
}

span.sous_rubrique_resume {
	color: #7b7b7b;
	margin-left: 12px;
}
/* @end */

/* @group Général */

* { padding: 0; margin: 0; }

body {
	background-color: #939393;
	font: 15px helvetica, arial;
}

#page { 
 	margin: 0 auto;
 	width: 1022px;
	background-color: #ececec;
	padding: 5px 15px;
}

#faux {

}

#en_tete {
 	height: 70px;
	text-align: center;
	overflow: hidden;
	margin-top: 10px;
	background-color: white;
}

#navigation {
 	color: #2d2d2d;
 	background: #939393;
	text-align: center;
	font-size: .8em;
	margin-bottom: 15px;
	margin-top: 10px;
	overflow: hidden;
	padding-top: 5px;
	padding-bottom: 5px;
	text-indent: 201px;
}

#colonne_gauche { 
 	color: #f3f3f3;
 	padding: 10px;
	width: 162px;
	border-right-color: #bec0bc;
	float: left;
	background-color: #ac1013;
	font: 1em arial, Helvetica;
}

#colonne_gauche p {
	margin-top: 2px;
	margin-bottom: 2px;
}


#colonne_centre {
 color: #333;
 padding: 10px 20px;
	font-size: 1em;
	border-width: 1px;
	border-style: none;
	float: right;
	width: 780px;
	background-color: white;
}


#pied_de_page {
 background: #939393;
	text-align: center;
	margin-bottom: 15px;
	border-width: 15px;
	border-top: 15px solid #ececec;
	font-size: 0.8em;
	padding-top: 10px;
	padding-bottom: 10px;
	padding: 10px;

	overflow: hidden;
	clear: both;
}
#pied_de_page p {
	padding: 0;
	margin-left: 192px;
}
.addthis_toolbox{
	float: left;
}

.pied_bouton_vimeo {
	width: 32px;
	height: 32px;
	margin-left: 2px;
	background-image: url(images/vimeo_logo.png);
	float: left;
}

.pied_bouton_info {
	width: 32px;
	height: 32px;
	margin-left: 2px;
	background-image: url(images/logo-info.png);
	float: left;
}


.separator-column {
	margin-top: 15px;
	margin-bottom: 15px;
	width: 100%;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	overflow: hidden;
}


.cadre_general, .cadre_general_article, .cadre_general_recherche {
	text-align: justify;
	font-size: 1em;
	padding-right: 10px;
	padding-left: 10px;
	margin-bottom: 15px;
	overflow: visible;
	display: block;
}

.div_texte p{
	text-indent: 30px;
	margin-top: 7px;
	margin-bottom: 7px;
	text-align: justify;
	line-height: 1.4em;
}

.div_texte li{
	list-style-image: url(images/bullet_li.png);
	margin-top: 2px;
	margin-bottom: 2px;
}

ul.spip li {
	list-style-type: square;
	padding-top: 2px;
	padding-bottom: 2px;
}

ul.spip li li {
	list-style-type: disc;
	margin-left: 40px;
	padding-top: 1px;
	padding-bottom: 1px;
}
.cadre_general_article, .cadre_general_recherche {
	text-align: justify;
	width: 97%;
}
.cadre_general_recherche  {
	margin-top: 50px;
}

/* @end */

/* @group Articles */


/* @end */

/* @group Boites */

.boite_breves{
	background-image: url(../../images/cartouche_long2.png);
	width: 507px;
	height: 85px;
	margin-right: 16px;
	margin-left: 29px;
	float: left;
	padding: 10px 10px 10px 33px;
}

.boite_nouveau {
	background-image: url(../../images/cartouche_nouveau2.png);
	width: 136px;
	height: 72px;
	float: left;
	margin-right: 19px;
	margin-left: 20px;
	padding: 26px 10px 10px;
	text-align: center;
	font-size: 1.35em;
}

/* @group boites nouveau */

.a_la_ligne {
	clear: both;
	height: 0;
	margin-right: auto;
	margin-left: auto;
	display: inline-block;
	width: 100%;
	border-width: 4px;
	border-style: none;
}

.colonne {
	width: 47%;
	float: left;
	margin-right: 16px;
}

.col_breves {
	width: 175px;
	float: left;
	margin: 5px;
	height: 100px;
	text-align: left;
}

.divbreves {
	height: 110px;
	width: 100%;
	background-color: #ebebeb;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-top: 5px;
	border: 1px solid #939393;
	font-size: 0.7em;
}




/* @end */

.boite_breves p{
	margin-left: 150px;
}

.boite_breves img {
	float: left;
	border: 1px solid #575757;
}
.bloc_colonne {
	width: 100%;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

#chapeau {
	text-indent: 30px;
	background-color: #f7f7f7;
	padding: 10px;
	border-bottom-style: none;
	border: 1px solid #bec1bc;
	text-align: justify;
	margin-bottom: 30px;
	font-size: 1em;
	overflow: hidden;
	margin-top: 15px;
}

#chapeau p {
	padding-top: 5px;
}

.boite_sous_rubrique {
	width: 750px;
	position: relative;
	vertical-align: middle;
	float: left;
	background-color: #ebebeb;
	padding: 5px;
	margin: 2px;
	border: 1px solid #dedede;
	text-align: center;
	text-indent: 0;
}

.demi_sous_rubrique1 {
	width: 30%;
	position: relative;
	vertical-align: middle;
	float: left;
	background-color: #ebebeb;
	padding: 5px;
	margin: 2px;
	border: 1px none #dedede;
	text-align: center;
	text-indent: 0;
}

.demi_sous_rubrique2 {
	position: relative;
	vertical-align: middle;
	float: left;
	background-color: #ebebeb;
	padding: 5px;
	margin: 2px 5px;
	border: 1px none #dedede;
	text-align: left;
	text-indent: 0;
	width: 31%;
}

.boite_resume_int {
	padding: 5px 5px 5px 15px;
	border-left: 6px solid #e00;
	margin: 15px 20px;

}

.boite_resume_ext {
	border: 1px solid #bec1bc;
	overflow: auto;
	margin-left: auto;
}

.titre_partie {
	border: 1px solid #bec1bc;
	background-color: #ededed;
	padding: 5px;
	color: #b10000;
	border-bottom: 1px solid #343434;
	margin-top: 30px;
	overflow: auto;
}

.boite_flickr {
	overflow: hidden;
	background-color: #ebebeb;
	border: 1px solid #939393;
	text-align: center;
	text-indent: 0;
	z-index: -1;
	padding: 3px;
}

.logo_ligne, .flickr_badge_image {
	float: left;
	margin: 6px;
}

.info_article {
	background-color: #eee;
	border: 0 solid #737373;
	padding: 4px 5px;
	overflow: hidden;
	text-align: center;
	border-bottom-width: 0;
	margin-bottom: 10px;
	margin-top: 10px;
}



.boite_droite {
	background-color: #eee;
	border: 1px solid #737373;
	width: 144px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
	overflow: auto;
	clear: right;
	margin-bottom: 10px;
	margin-top: 10px;
	margin-left: 15px;
	float: right;
}



.liste_article {
	height: 180px;
	background-color: #ebebeb;
	border: 1px solid #dedede;
	text-align: center;
	text-indent: 0;
	overflow: hidden;
	float: left;
	margin-top: 3px;
	margin-bottom: 3px;
	width: 18.5%;
	margin-left: 1.2%;
}

.liste_article img {
	border: 1px solid #3f4e4e;
	margin-top: 9px;
	margin-bottom: 3px;
}

.liste_article p {
	margin: 3px;
}
.gcal {
	margin-top: 15px;
	margin-bottom: 15px;
}
/* @end */

/* @group Sommaire */



.sommaire_blog_date, .sommaire_blog_titre, .sommaire_blog_resume {
	padding-top: 5px;
	padding-bottom: 5px;
	float: left;
}

.sommaire_blog {
	background-color: #ebebeb;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-top: 5px;
	border: 1px solid #939393;
	padding: 10px;
	float: left;
	width: 550px;
	font-size: 0.8em;
}

.sommaire_nouveau {
	border: 1px solid #bec1bc;
	font-size: 0.8em;
	padding: 10px;
	float: left;
	width: 146px;
	font-size: 0.8em;
	margin-left: 20px;
	margin-top: 5px;
	height: 232px;
}

.sommaire_blog a:link {
	text-decoration: none;
}

.sommaire_blog_ligne {
	width: 100%;
	overflow: hidden;
	height: 3.5em;
}
.sommaire_blog_date {
	border-right-width: 1px;
	width: 10%;
}


.sommaire_blog_titre {
	width: 88%;
	padding-right: 10px;
}


.sommaire_nouveau_titre {
	padding-right: 10px;
	font-size: 1 em;
	margin-top: 6px;
}



.sommaire_blog_resume {
	color: #363735;
	font-size: 0.9em;
	padding-top: 0;
	padding-bottom: 0;
}

.sommaire_blog p {
	margin-top: 5px;
	margin-bottom: 5px;
}

.sommaire_bandeau {
	float: left;
	background-color: #e7e7e7;
	border: 1px solid #b4b4b4;
	margin: 5px 20px 10px;
	padding-bottom: 10px;
	text-align: center;
	color: #ab0c00;
	font-size: x-large;
	padding-top: 5px;
	overflow: auto;
}

.sommaire_boite {
	width: 160px;
	float: left;
	margin-top: 10px;
	height: 167px;
	background-image: url(../../images/cartouche.png);
	margin-left: 10px;
	padding-left: 5px;
	text-align: center;
	padding-right: 5px;
	text-indent: 0;
	margin-bottom: 15px;
}

.sommaire_selection {
	font-size: 1.2em;
	width: 250px;
	float: left;
	text-align: center;
	margin: 8px;
}

.sommaire_selection p {
	margin-right: 20px;
	margin-left: 20px;
}
/* @end */

/* @end */

/* @group Les liens */

a, a:link, a.spip_in, a.spip_out {
    color: #ac0000;
    text-decoration: none;
	border-bottom-color: #bf0000
	
}

a:hover, a.spip_in:hover, a.spip_out:hover {
	color: #9d0000;
	background-color: #ccc;
	text-decoration: underline;
}


.boite_droite a:link, #colonne_gauche a:link, #colonne_gauche a:visited {
	color: #fff;
    text-decoration: none;
}




.boite_droite a:hover, #colonne_gauche a:hover {
	color: #9d0000;
	background-color: #92aad5;
}



/* @end */

/* @group Images */

#pied_de_page a:hover, a.spip_in:hover, a.spip_out:hover, #en_tete a:hover, .addthis_toolbox a:hover  {
	background-color: transparent;
}

#pied_de_page img {
	margin: 20px 10px 10px;
}


a img {
	border-color: #000;
}

.divlogo {
	width: 66px;
	height: 72px;
	margin: 2px 2px 2px 6px;
	background-color: #f9f9f9;
	float: left;
	border: 1px solid #939393;
	overflow: hidden;
}

.divlogo .petit_texte, .divlogo2 .petit_texte {
	text-align: center;
	margin: 0;
	padding: 0;
}

.divlogo img, divlogo2 img {
	margin: 0;
}

.divlogo2 {
	width: 60px;
	height: 72px;
	margin: 2px;
	border: 1px solid #9a9a9a;
	float: left;
	overflow: hidden;
}


#colonne_centre .logo {
	margin-bottom: 20px;
	margin-top: 20px;
}

div.logo {
	text-align: center;
	text-indent: 0;
}

.logo_blog {
	float: left;
	border: 1px solid #81837f;
	margin-right: 20px;
	margin-bottom: 10px;
	text-align: center;
}

.logo img {
	border: 1px solid #2e2e2e;
}

.galeriesphotos {
	background-color: #000;
	overflow: hidden;
	padding: 11px;
}

.galeriesphotos_rubrique {
	clear: left;
	padding: 11px;
	overflow: auto;
}

.galeriesphotos img, .galeriesphotos_rubrique img, .galeries_photos_2 img {
	background:#3f4e4e;
	float: left;
	padding: 1px;
	margin: 4px;
}

.galeries_photos_2 {
	float: left;
	border: 1px solid #81837f;
	padding: 8px;
	display: inline;
	margin-top: 10px;
	margin-left: 5px;
	margin-right: 5px;
}

/* @end */

/* @group Texte */

/* @group Texte - blog */

.billet_date_mois {
	font-size: 1.5em;
	text-align: center;
	font-style: italic;
}

.billet_titre, #colonne_centre h3 {
	width: 100%;
	margin-top: 25px;
	text-align: left;
	clear: left;
	border-bottom: 1px dotted #a72018;
	font-size: 1.4em;
	font-weight: normal;
	font-style: normal;
	padding-bottom: 0;
}

.billet_sous_titre {
	font-style: italic;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	clear: left;
	height: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.billet_chapeau {
	font-style: italic;
	text-indent: 15px;
	margin-bottom: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.billet_infos {
	width: 100%;
	overflow: hidden;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	margin-top: 5px;
	margin-bottom: 2px;
	float: left;
	clear: left;
	padding-bottom: 5px;
}

.billet_date {
	text-align: left;
	font-size: 0.7em;
	padding-bottom: 6px;
	padding-top: 6px;
	height: 15px;
	overflow: hidden;
	width: 340px;
	float: left;
	clear: left;
}

.billet_rubrique {
	font-size: 0.7em;
	height: 15px;
	padding-top: 6px;
	padding-bottom: 6px;
	text-align: right;
	margin-left: auto;
	float: right;
	clear: right;
	width: 210px;
	overflow: hidden;
}

.billet_ps {
	font-style: italic;
	text-indent: 15px;
	margin-left: 40px;
}



/* @end */

.tri{
	width: 100%;
	clear: left;
	text-align: right;
	float: left;
	font-size: 0.8em;
}

ol.spip {
	margin-left: 40px;
	list-style-position: outside;
	text-indent: 0;
}

@font-face {
	font-family: Garamond;
	src: url('/squelettes/polices/GaramondPremrPro.otf');
}

.petit_texte {
	margin-top: 0;
	font-size: 0.75em;
}

.petit_texte_droite {
	margin-top: 0;
	font-size: 0.75em;
	text-align: right;
}


.commentaire {
	text-align: left;
	border-bottom: 1px solid #bbb;
	font-size: 0.9em;
	text-indent: 20px;
	padding: 5px;
}

.commentaire p {
	margin-top: 5px;
}



blockquote.spip {
	margin-left : 20px;
	margin-top : 10px;
	margin-bottom : 10px;
	margin-right: 20px;
	border : solid 1px #aaaaaa;
	background-color: #cccccc;
	padding: 15px;
	font-size: 0.95em;
}


/* @end */

/* @group Nuage de mots-clefs */


ul.nuage{
	text-align: center;
	font-size: 0.5em;
}

.nuage a:link {
	color: black;
    text-decoration: none;
}


/* @end */



/* @group Les titres */

p.blog_boite_titre {
	font-weight: bold;
	font-size: 1.2em;
	text-align: center;
}



.titre_division {
	text-indent: 0;
	text-align: left;
	border-bottom: 1px solid #ab0c00;
	margin-bottom: 10px;
	margin-top: 10px;
	padding-bottom: 0;
	font-size: 1.4em;
}

 div.billet_bloc  div.titre_division {
	border-bottom-style: none;
	font-size: 1.1em;
}

/* titre_col_gauche reprend titre5, il est utilisé dans inc2-colonne-gauche.html */
.titre_col_gauche, .titre_colonne {
    text-align: center;
    color: #fff;
	text-indent: 0;
	margin-top: 5px;
	margin-bottom: 0;
	padding-bottom: 5px;
	font-size: 1.1em;
	width: 100%;
}

.titre5 {
    text-align: center;
    color: #a71a15;
	border-bottom: #000000;
	opacity: 1;
	text-shadow: #fff 0px 0px 0px;
	clear: left;
	text-indent: 0;
	margin-top: 5px;
	margin-bottom: 0;
	padding-bottom: 5px;
	font-size: 1.1em;
}


.titre {
	border-bottom: 1px solid #ab0c00;
	padding-bottom: 5px;
	z-index: 500;
	position: static;
	text-indent: 0;
	text-align: center;
	margin-bottom: 15px;
	margin-top: 5px;
}



.soustitre {
	text-align: center;
	text-indent: 0;
	margin-top: -10px;
	margin-bottom: 15px;
}

/* @end */

/* @group Boîtes */

div#sommaire_boite {
	width: 150px;
	float: left;
	height: 159px;
	text-align: center;
	background: url(../../images/cartouche1.png) no-repeat;
	margin: 4px;
}

/* @group blog */


.billet_texte p{
	text-align: left;
	text-indent: 15px;
	margin-bottom: 15px;
}
.blog_boite {
	border: 1px solid #bec1bc;
	font-size: 0.8em;
	margin: 10px;
	padding: 10px;
	float: left;
	clear: left;
	width: 139px;
}

.blog_boite p {
	margin-bottom: 5px;
}

.billet_bloc {
	border-style: none;
	border-bottom-style: none;
	border-top-width: 1px;
	overflow: visible;
	width: 100%;
	float: left;
	padding-top: 25px;
	padding-bottom: 25px;
}

/* @end */


/* @end */

/* @group rsstickerajax */
.cnnclass{
	width: 400px;
	padding: 5px;
	background-color: #F3F3F3;
	border: 1px solid black;
	margin-bottom: 1em;
	filter:progid:DXImageTransform.Microsoft.alpha(opacity=80); /*Specify fade effect in IE. Remove if desired.*/
	-moz-opacity: 0.8; /*Specify fade effect in Firefox. Remove if desired.*/
}

.cnnclass a{
text-decoration: none;
}

.bbcclass{
width: 400px;
padding: 6px;
background-color: lightyellow;
border: 1px solid #004A00;
}

.rsstitle{ /*shared class for all title elements in an RSS feed*/
font-weight: bold;
}

.rssdate{ /*shared class for all date elements in an RSS feed*/
color: gray;
font-size: 85%;
}

.rssdescription{ /*shared class for all description elements in an RSS feed*/
}



/* @end */

/* @group My Group */



/* @end */

/* @group Formulaire */

/* @group Formulaire login */

#formulaire_login {
	width: 160px;
}
#var_login, #password {
	width: 140px;
	background-color: white;
	border: 1px inset #acaeaa;
	font-size: 1.1em;
}

.formulaire_spip fieldset legend {
	background-color: transparent;
}
.connexion {
	font-size: 0.8em;
}


/* @end */

.bouton_d {
	float: right;
	background-color: #b05451;
	width: 150px;
	height: 16px;
	margin-right: 10px;
	margin-top: 10px;
	border-style: outset;
	font-size: 0.8em;
	color: #000;
	text-align: center;
	margin-bottom: 10px;
	padding: 5px;
}

.bouton_d a, .bouton_d a:link{
	color: #000;
}

.formulaire_recherche 
{ width: 100% ; 
	overflow: hidden;
}

.cadre_general_recherche .formulaire_recherche {
	width: 300px;
}
.formulaire_recherche label {
	display: none;
}

input.submit,.connexion input {
	background-color: #b05451;
	height: 22px;
	margin-right: 6px;
	margin-top: 5px;
	border-style: outset;
	padding-right: 5px;
	padding-left: 5px;
	font-size: 0.8em;
	color: #20201f;
	float: right;
	overflow: hidden;
	clear: left;
}

#recherche.text {
	width: 80%;
}

.formulaire_ecrire_auteur {
	width: 500px;}
	
#recherche {
	width: 145px;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	clear: left;
}

.formulaire_forum {
	text-align: left;
}

.reponse_formulaire {
	font-family: garamond, Times New Roman, Times, Arial, Verdana, sans-serif;
	font-weight: bold;
	font-size: medium;
	color: red;
}

/* @end */

/* @group Tableaux */

table.spip {
    margin-left: auto; 
    margin-right: auto;
	border: 2px solid #000000;
	margin-top: 20px;
	text-indent: 0;
	float: left;
	clear: left;
	width: 100%;
}

table.spip tr.row_first {
	background-color: #ea8d34;
	color: #000000;
	font-weight: bold;
	text-align: center;
}


table.spip tr.row_odd {
	background-color: #cccccc;
	text-align: justify;
}

table.spip tr.row_even {
	background-color: #ececec;
	text-align: justify;
}

table.spip td {
	text-align: justify;
	padding: 5px;
}

table.txtCal tbody tr th {
	background-color: rgba(234,141,52,0.48);
}

table.txtCal tbody tr p {
	text-indent: 0;
	padding: 3px;
}





tbody {
	text-indent: 0;
}
/* @end */

/* @group Divers */

/* @group thickbox */
#TB_window {
	border-style: none;
	text-decoration: none;
}


/* @end */


.pagination{
	font-size: 0.8em;
	text-align: right;
	margin-top: 10px;
	margin-bottom: 2px;
	float: right;
	width: 100%;
}




#contact {
	display: block;
	position: fixed;
	top: 350px;
	right: -1px;
}

#contact img {
	margin: 0;
	padding: 0;
}

@media only screen and (device-width: 768px) {
  /* For general iPad layouts */
  #contact {
	display: none;
}
}

@media screen and (max-device-width: 480px){
/*--- iPhone only CSS here ---*/
  #contact {
	display: none;
}
}

.pagination2{
	font-size: 0.8em;
	text-align: right;
	margin-top: 10px;
	margin-bottom: 2px;
	float: right;
	width: 100%;
}

hr.spip {
	border-width: 0;
	border-bottom: 1px dotted #878787;
}
b.spip { }

.forml {
 	background-color: #cccccc;
	position: relative;
	width: 100%;
}

.spip_encadrer {
	font-family: garamond, Times New Roman, Times, Arial, Verdana, sans-serif;
	width : 100%;
	background-color: #000000;
	padding: 5px;
	border: 1px #666666 solid;
}

.spip_cadre {
	width : 100%;
	background-color: #000000;
	padding: 5px;
}


.spip_bouton { 
background-color: #808080;
	float: right;
	border: 1px outset #000;
}

.spip_surligne { background-color: #FFFF66; }


/*
 * Barre de raccourcis
 */

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;
	background-color: #FFDDAA;
}
a.spip_barre:hover img {
	border: 1px solid #808080;
	padding: 3px;
	background-color: #f8f8f4;
}

.spip_doc_titre {
	font-weight: bolder;
	text-align: center;
	font-size: small;
	margin: 5px auto 2px;
}

.doc_joint {
	width: 150px;
	text-align: center;
	float: left;
	margin: 5px;
	padding: 5px;
	height: 180px;
}

.spip_doc_descriptif {
	font-size: small;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 5px;
}


.spip_puce {
	list-style-position: inside;
}

.spip_documents{
	text-align: center;
	font-size: small;
	text-indent: 0;
	overflow: auto;
}


.spip_documents_center {
	text-align: center;
	text-indent: 0;
	margin-top: 10px;
	overflow: visible;
	clear: none;
	padding: 10px;
	margin-bottom: 10px;
}



.spip_documents_right{
	font-size : small;
	background: right;
	border-style: none;
	text-align: center;
}

img.spip_documents_right{
	border-style: none;
}

/* @end */

/* @group Menu */
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/flyout_horizontal.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */


.menu {
	width: 150px; 
	position:relative; 
	margin:0;
}

.menu ul li a, .menu ul li a:visited {
	display:block;
	text-decoration:none;
	height: 25px; 
	background:transparent  url(../../opacity/opaque.png); 
	font-size: 1em;
	padding-left:10px;
	width: 150px;
}

.menu ul {
	padding:0; 
	margin:0;
	list-style-type: none;
	}

.menu ul li {
	float:left; 
	position:relative;}

.menu ul li ul {
	display: none;}

/* specific to non IE browsers */
.menu ul li:hover a {
	color:#fff; 
	background: #f6d042;}
	
.menu ul li:hover ul {
	display:block; 
	position:absolute; 
	top:0; 
	left: 161px; 
	width: 300px; 
	background: rgba(172,16,19,0.8);
	overflow: hidden;
}
	
.menu ul li:hover ul li {
	float:left;
	margin-left: 10px;
	margin-right: 10px;
}
	
.menu ul li:hover ul li a {
	display:block; 
	background:transparent  url(../../opacity/opaque.png); 
	color:#000; 
	width: 300px; 
	float:left;
	overflow: hidden;
	height: 25px;
}

.menu ul li:hover ul li a:hover {
	background:#dfc184; 
	color:#000;}
/* @end */



@media print {
  /* la feuille de style pour l'impression vient ici */
  
  #colonne_gauche, .cadre_blog_droite{
	display: none;
}
  #colonne_centre, .cadre_blog_gauche {
	width: 96%;
}

.addthis_toolbox {
	display: none;
}
}