/* GENERAL */

* {
	margin:0; padding:0;
} 
body {font: 11px verdana, arial, sans-serif;  /* overal font and sizing */
	text-align:center;/* centers the layout in IE */
	color:#000;
	background:#222;
	padding-top : 5px;
	padding-bottom : 5px;
}
img{
	border:0px; margin:0px; padding:0px;
}
a {
	text-decoration:none;
	color:#666;
}
a:hover {
	text-decoration:underline;
}


/* LAYOUT */

#einstein-doc {
	margin:auto;text-align:left; /* leave unchanged */
	width:73.85em;/* non-IE */
	*width:72.00em;/* IE */
	min-width:960px;/* optional but recommended */
}




#main {
	background-color:#FFF;
	width:960px; 
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	position : relative;
	/*border : 1px solid #CCC;*/
}
#top{
	padding-bottom:20px;
}
#banner{
	height : 116px;
	background : transparent url(../charte/logoeinstein_p.gif) no-repeat top left;
}
#menu{
	height : 30px;
	background : #FFF;
}

#content{
	
}

#home-col1{
	float : left;
	width : 500px;
	min-height:500px;
}
#home-col2{
	float : left;
	width : 460px;
	height : 500px;
	position : relative;
}
#home-col2-menu{
	float : left;
	width : 100px;
	height : 470px;
	padding : 30px 0px 0px 20px;
	background : #EEE;
}
.menu-image{
	padding : 0 0 10px 0;
	cursor : pointer;
}
.carousel-arrow{
	width : 20px;
	height : 20px;
	background : transparent url(../charte/carousel_arrow.png) no-repeat top left;
	display:block;
	left:102px;
	position:absolute;
	top:52px;
	z-index:10;
}

div.slide{
	height:460px;
	overflow:auto;
	position:relative;
	text-align:left;
	top:29px;
	width:325px;
	padding:5px;
	color : #FFF;
}

div.row{
	margin-bottom:10px;
	color : #666;
}

div.row p.descriptif{
	margin-top : 5px;
	text-align:left;
	color : #999;
	margin-bottom:0px;
}

#home-col2-carousel{
	float : left;
	width : 335px;
	height : 500px;
	background : #666;
	position : relative;
}

#home-col2-carousel-container{
	position : absolute;
	top : 0px;
	left : 0px;
	bottom : 0px;
	right : 0px;
	/*background : #FFF;
	filter : alpha(opacity=80);
  -moz-opacity : 0.80;
  opacity : 0.80; */
}

#col1{
	width:600px;
	min-height : 450px;
	border-right : 1px solid #CCC;
	float:left;
}
#col2{
	width:339px;
	min-height : 450px;
	padding-right:10px;
	padding-left : 10px;
	float:left;
}

#col{
	min-height : 450px;
	float:left;
}

#col1-container{
	padding:0px 10px 10px 10px;
	color  : #000;
}

#footer{
	padding : 10px;
	border-top : 1px solid #CCC;
}

.separation{
	width : 950px;
	font-size : 0px;
}




/* CAROUSEL */







ul#nav li{
	list-style : none;
	float : left;
	text-align : left;
}
ul#nav li.vert{
	list-style : none;
	float : left;
	min-width : 120px;
	text-align : left;
	padding-top : 6px;
	margin-top : -7px;
	background : transparent url(../charte/barre_menu_vert.jpg) repeat-x top left;
}
ul#nav li.bleu{
	list-style : none;
	float : left;
	width : 120px;
	text-align : left;
	padding-top : 6px;
	margin-top : -7px;
	background : transparent url(../charte/barre_menu_bleu.jpg) repeat-x top left;
}
ul#nav li.blanc{
	list-style : none;
	float : left;
	width : 7px;
	text-align : left;
	padding-top : 6px;
	margin-top : -7px;
	background : transparent url(../charte/barre_menu_blanc.gif) repeat-x top left;
}

ul#nav{
	margin : 0px 10px;
	padding : 7px 0px 0px 0px;
	background : transparent url(../charte/barre_menu_gris.jpg) repeat-x top left;
}

div.ligne{
	height : 4px;
	background : url(../charte/ligne.png) no-repeat;
	margin : 0 5px 0 0;
	padding : 0 0 0 0;
	font-size : 2px;
}


/* LINKS */
a.lienfondvert{
	background-color:#62C900;
	line-height:19px;
	color: #FFF;
	padding:2px;
}

a.lienfondgris{
	background-color:#666;
	line-height:19px;
	color: #FFF;
	padding:2px;
}

a.lienfondgrisclair{
	background-color:#999;
	line-height:19px;
	color: #FFF;
	padding:2px;
}

a.lienfondbleu{
	background-color:#3C9;
	line-height:19px;
	color: #FFF;
	padding:2px;
}

/* TITLES */
h1.titrefondvert,span.titrefondvert, div.titrefondvert{
	background-color:#62C900;
	color: #FFF;
	padding:4px 5px 0px 5px;
	font-size : 14px;
}

h1.titrefondbleu,span.titrefondbleu,div.titrefondbleu{
	background-color:#3C9;
	color: #FFF;
	padding:4px 5px 0px 5px;
	font-size : 14px;
}
div.titrefondbleu, div.titrefondvert{
	padding:0px 5px 2px;
}

/* PARAGRAPHS */
p.texte{
	text-align:justify;
}

p.descriptif{
	margin-top : 5px;
	text-align:left;
	color : #CCC;
	margin-bottom:10px;
}














/* SPIP HACKS */

/* Pas de marges sur les images dans les onglets */
li span.spip_documents_center{
	margin-top : 0px;
}

/* Pas de marges sur les images */
div.texte span.spip_documents img.nomargins{
	margin : 0 0 0 0;
	float : left;
}
/* Correction des styles HTML par defaut */
.formulaire_spip form, .formulaire_spip fieldset, .formulaire_spip legend, .formulaire_spip label, .formulaire_spip input, .formulaire_spip textarea, .formulaire_spip select, .formulaire_spip option { margin: 0; padding: 0; border: none; background: none; color:#CCC; }

/* Styles des formulaires de Spip */
.formulaire_spip {
	text-align: left;
}

.formulaire_spip p {
	margin: 0.5em 0;
	padding: 0; }

.formulaire_spip fieldset {
    display: block;
	margin: 0.77em 0;
	padding: 0.77em;
	border: 1px solid #222; }
.formulaire_spip legend { 
	font-weight: bold; 
	padding: 3px;
}

.formulaire_spip label {}
.formulaire_spip .forml {
	border:#666633 1px solid;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background:#FFFFFF;
	color:#000000;
	font-size:11px;
	margin-right:3px; }

.spip_bouton { text-align: right; }
.spip_bouton input { 
	border:#666633 1px solid;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	
	font-size:11px;
	margin-right:3px;}





/* CLEARFIX */

/* here follows the brillant "no-extra-markup" clearing method devised by Tony Aslett - www.csscreator.com */
/* simply add the clearfix class to any containter that must enclose floated elements */
/* read the details of how and why this works at http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
    content: ".";              /* the period is placed on the page as the last thing before the div closes */
		display: block;          /* inline elements don't respond to the clear property */ 
    height: 0;                  /* ensure the period is not visible */
    clear: both;               /* make the container clear the period */
    visibility: hidden;	     /* further ensures the period is not visible */
}

.clearfix {display: inline-block;}   /* a fix for IE Mac */

/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */





/* SOUS MENU */
ul.holder { margin: 0; overflow: hidden; height: auto !important; height: 1%; padding: 0; }
*:first-child+html ul.holder { padding-bottom: 2px; } * html ul.holder { padding-bottom: 2px; } 
ul.holder li { float: left; list-style-type: none; margin: 1px 0 2px 3px; line-height: 1em;}
ul.holder li.bit-box { position:relative; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; border: 1px solid #333; background: #333; padding: 1px 15px 1px 5px; }
ul.holder li.bit-box:hover { background: #BBCEF1; border: 1px solid #6D95E0; }

ul.stickers { margin: 0; overflow: hidden; height: auto !important; height: 1%; padding: 0; }
*:first-child+html ul.stickers { padding-bottom: 2px; } * html ul.stickers { padding-bottom: 2px; } 
ul.stickers li { float: left; list-style-type: none;  line-height: 1em;margin:2px 2px 0px 0px;}
ul.stickers li.sticker { /*position:relative;padding: 1px 15px 1px 5px;*/ }
ul.stickers li.sticker div.left{float:left;height:19px;width:7px;background : url(../charte/stick-left.png) no-repeat;}
ul.stickers li.sticker div.center{float:left;height:16px;padding-top:3px;width:1%;background : url(../charte/stick-center.png) repeat;}
ul.stickers li.sticker div.right{float:left;height:19px;width:7px;background : url(../charte/stick-right.png) no-repeat;}
ul.stickers li.sticker a { color : #DADADA; font-size:11px; }