/* style perso cemes*/

/* bandeau et top */

#bandeau a{height: 150px;}
#nom-labo h1 a{line-height: 1.1em;}
#slogan {margin-top: -0.4em;font-size:1.1em}
#menu_lang{top: 1.6em !important;}

.spip-admin-float{top:0 !important;	left:auto;	right:2% !important}

#menu li a {padding:16px 18px 0}
.menu2{
	float: left;
	background-color: #ddd;
	width: 96%;
	padding: 2%;
	margin-bottom: 5%;
	border-top: solid 5px #ccc;
	border-bottom: solid 1px #ccc;
}

#colgauche .menu2 .level1 ul {display: none;  padding-top:3px;}
#colgauche .menu2 .level1:hover > ul {display: block;}
#colgauche .menu2>li>a{border:none;margin:0;padding:0}
#colgauche .menu2 > ul > li > a {text-transform:none; margin:2% 0; font-size:0.95em}


#pageune, #pageseconde {
    background: #ffffff;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI3MCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI5OSUiIHN0b3AtY29sb3I9IiNkZGRkZGQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left, #ffffff 70%, #dddddd 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(70%, #ffffff), color-stop(100%, #dddddd));
    background: -webkit-linear-gradient(left, #ffffff 70%, #dddddd 100%);
    background: -o-linear-gradient(left, #ffffff 70%, #dddddd 100%);
    background: -ms-linear-gradient(left, #ffffff 70%, #dddddd 100%);
    background: linear-gradient(to right, #ffffff 70%, #dddddd 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dddddd', GradientType=1 );}

.timeline-Tweet{padding:0;margin:0}
#pageseconde #texte_droite {margin-right: 0;}


div.formulaire_spip li { width: inherit;}

/* a noter central */
/* ex droite
#texte_droite .a-noter h3 {clear:both; padding: 2% 0px 0; line-height: 1em;}
#texte_droite .a-noter h3 .spip_logos{float:right; margin:2% 2% 0 2%;border: 1px solid #666;}
*/
#texte_gauche .a-noter {clear:both;border-top: solid 2px #004494;}
#texte_gauche .a-noter h3 {padding: 2% 0px 0; line-height: 1em;}
#texte_gauche .a-noter h3 .spip_logos{float:right; margin:2% 2% 0 2%;border: 1px solid #666;}

#texte_gauche .a-noter .liste-a-noter {position:relative; width:110%}
#texte_gauche .a-noter .content {width:265px;height:100px;
								display:inline-block;clear:both;vertical-align:middle;								
								margin:5px 18px 35px 0;
								text-align:center;
								overflow:hidden;
								position:relative}
#texte_gauche .a-noter .content img{}	
#texte_gauche .a-noter .content .intro,#texte_gauche .a-noter .content .titre
										{background-color:#004494;
										opacity:0.7;
										padding:2%;
										position:absolute;
										bottom:0;
										width:96%;
										color:#fff;
										font-weight:bold;
										font-size:0.8em
										}

#texte_gauche .a-noter a:hover .intro {display:none}
#texte_gauche .a-noter .titre {display:none}
#texte_gauche .a-noter a:hover .titre {display:block;opacity:1;}
/* masquer date sur accueil actu*/
.actus .date {display:none}

/* Listes SPIP bidouillé pour wysiwyg */
.content a, #texte_gauche a{color:#6D849E}
.content img {box-shadow:none !important}
.spip_documents a.cboxElement img {box-shadow: 1px 2px 4px 1px rgba(170, 170, 170, 0.75) !important}

.content, .content p, .content td, .content pre, .content ul, .content ol {font-family:Arial,Helvetica,sans-serif;line-height: 1.35em; font-size:0.95em}
.content ul,.content ol{ margin-left: 50px; color:#333; }
.content ul { list-style-type: square; }
.content li ul{ list-style-type: disc; }
.content li li ul{ list-style-type: circle; }
.content ol { list-style-type: decimal; }
.content dl dt, .content dl dd {}
.content dl dt { clear: both; }
.content dl dd {}
.content .spip_surligne {
	color:#000;
	background-color:#ddd;
}
.content blockquote, .content blockquote p {	font-style:italic;}
.content blockquote {	margin:0 7%}
.content .spip_cadre {	border:1px solid #ccc;	padding:1%;}
.content table {	margin: 15px 0px 15px 10px;	border: 1px solid;	border-collapse: collapse;}
.content table caption {
	caption-side: top; /* bottom pas pris en compte par IE */
	text-align: center;
	margin: auto;
	padding: 1%;
	font-weight: bold;
}
.content table td,.content table th {
	border-style : solid;
	border-width : 1px;
	padding: 3px 5px 3px 5px;
}
.content table th {	text-align: left;}
.content h3 {
	padding:0;
	font-weight:bold;
	color:#333;
	}

sup {
    vertical-align: super;
}
sub {
    vertical-align: sub;
}
sup, sub {
    font-size: 0.7em;
    font-variant: normal;
    line-height: 0;	}
	
.evenements .content h4 {line-height: 0.9em;}
.evenements .content h4 a{font-size:0.75em;
			font-weight:bold;}

#pageseconde .evenements h3 {
				/*font-size: 0.8em;*/
			      line-height: 1.5em;
			      font-weight: bold;}

#pageune .evenements p.location{
font-size: 0.7em !important;}

.evenements p.location{
			/*font-size: 0.7em !important;*/
		      font-weight:bold;
		      margin-bottom:1em}
			  
#pageune .evenements .introduction	{font-size: 0.75em;}			  
.evenements .introduction
			{/*font-size: 0.75em;	*/		
			margin-bottom:1em
			      }

	
#texte div.resume h4 {font-size:0.8em; margin-top:-6px}	
#texte div.resume p.suite a {display:none}	
	
#documents_portfolio{clear:both}

.mceContentBody .spiptmceInsert {
background-color:yellow;
border:1px grey dotted
}

/*portfolio recup spip*/


#documents_portfolio, #documents_joints {padding-top:2em}
.documents_portfolio{clear:both;margin:2em auto}
.documents_portfolio li, body.spip-3 #documents_portfolio li  {width:30%;display:inline-block;vertical-align: top;}
.documents_portfolio .spip_logos{margin:6px 3px 0;padding:4px;border:1px solid #DDD}
.documents_portfolio a:hover .spip_logos{border-color:#F57900}
.documents_portfolio a.on .spip_logos{border-color:#8B6F92}
.documents_portfolio .spip_doc_legende {font-size:0.75em}
#cboxTitle{font-size:0.75em;
	    bottom:15px;
	    text-shadow:-1px -1px 0 #fff}
#cboxClose{bottom:0px}
.spip_documents{font-size: 0.75em;text-align:center}
.spip_documents .spip_doc_titre{font-weight:bold;line-height: 1em}
.spip_documents_center{      line-height: 1em;
      margin: 1.5em auto;}
.spip_flash_link{display:none}
.author-list{display:none}
.update-date{display:none}
	
	/* annuaire-cemes*/
/* Annuaire */
	a.lettre_off {
		text-decoration: none;
		color: #fff !important;
		background-color: #888;
		padding: 4px;
		border: 1px solid #fff;
	}
	a.lettre_off:hover {
		text-decoration: none;
		color: #888 !important;
		background-color: #fff;
		padding:4px;
		border: 1px solid #888;
	}
.annuaire table.lettre td{padding:0.1em}
table.annuaire {margin: 1em 0}
.annuaire table td, table.annuaire td{padding:0.3em;vertical-align:middle;text-align:left}

.annuaire table th,  table.annuaire th{	font-weight:bold;
					text-align:left;
					padding: 0.4em;
					border-bottom: 1px solid #CCC;}

div.demicol {
	float:left;
	width:46%;
	padding-right:2%;
	margin-top:2%;
}
div.demicol a {
	width:100%;
	font-weight:bold;
	color:#333;
}
div.demicol p {
	border-top:solid 1px #ccc;
padding-top:1%;}
	
	/*socialtag */
	
#pageune div.socialtags{padding-bottom:1em !important;}
#pageseconde div.socialtags{padding-top:1em !important;}		
.socialtags img {	width: auto;
					height: 40px !important;
					opacity:1 !important;}	
					
.socialtags img.socialtags-hovers{opacity:1}	

      /* pied de page*/
#pied-de-page li {
    display: inline;
    margin: 0px 1%;
    border-right: 1px solid #FFF;
    padding: 0px 2% 0px 0px;
}


div#formulaire_contact legend {display:none}

div#formulaire_contact input, div#formulaire_contact textarea {margin-bottom:1em}

/* trombinoscope */
#trombi a:hover {opacity:0.8}
#trombi .vignette {
				display:inline-block;
				clear:both;
				vertical-align:middle;				
				overflow:hidden;
				position:relative;	
				width:166px;height:206px;
				border:1px solid #bbb;
				margin:0.2em;
				padding:0.2em;
				background-color:#ddd;
				text-align:center
				}
	
#trombi .vignette .description, #trombi .vignette .titre
										{background-color:#004494;
										opacity:1;
										position:absolute;
										bottom:15px;
										width:166px;
										padding:0.2em 0;
										margin-bottom:0.2em;
										color:#fff;
										font-weight:bold;
										font-size:0.8em;
										border-top:1px solid #ddd
										}
									
#trombi .vignette .contact {border:none;
							height:15px; width:166px;
							position:absolute;
							bottom:0em;
							font-size:0.75em;
							background-color:#ddd;
							color:#004494;
							margin-bottom:0.2em;
							}											

#trombi a:hover .titre {display:none}
#trombi .description{display:none}
#trombi a:hover .description {display:block;
							opacity:1;}