/*
   index.css
--------------------    ecrit par: jarod01 le 29/08/2008
pour le site : www.sciencesettechniques.com
club: electronique    

*/



@import url("../templates/design/1/pied.css");




/* tout le corp */

html { 
	margin: 0 0 1px 0; 
	min-height: 100%; 
	width:100%;  
	background: transparent 0 0 repeat-x; 
} 


body{
	margin: 0; 
	min-height: 100%;
	background-color: #C4E1F7;
}

/* l'entete */

#entete img{
	border:none;
}

#entete a{
	text-decoration:none;
}


/*menu*/

#menu{
	width:165px;
	float:left;
	margin-bottom:20px;
	margin-left:15px;
}

.titre_menu{
	text-align:justify;
	margin-left:0px;
	background-image:url(top_menu_electronique.png);
	background-repeat:no-repeat;
	height:15px;
	color:#FFFFFF;
	margin-top:0;
	margin-bottom:0;
	padding-bottom:10px;
}

#menu h4{
	vertical-align:bottom;
	line-height: 20px;
	padding-top: 6px;
	padding-left:15px;
	padding-bottom:4px;

}

.contenu_menu{
	border:1.5px solid #45A5EE;
	background-color:#ffffff;
	padding:5px;
	margin-bottom:25px;
}

.contenu_menu ul{
	list-style-type:none;
	list-style-position:inside;
	margin-left:10px;
	padding:0;
	margin-top:0;
}


.contenu_menu a{
	text-decoration:none;
	color:#5D90B5;
}

.contenu_menu a:hover{
	text-decoration:underline;
}

#intro_menu_clubs{
	font-size: 0.9em;
	margin-left: 5px;
	margin-top: 2px;
}

#outro_menu_clubs{
	font-size: 0.9em;
	margin-left: 5px;
	margin-bottom:2px;
}

.categorie_tuto {
}

.box_menu .corpsmenu
{
	
	margin: 0 auto 15px auto;
	padding: 4px 2px;
}
.box_menu .corpsmenu p, .box_menu .corpsmenu ul, .box_menu .corpsmenu dl { margin: 0; }
.box_menu .corpsmenu ul, .box_menu .corpsmenu dl {list-style-type: none;padding: 0;}
.box_menu .corpsmenu ul li {border-bottom: 1px solid #D1D1D1;padding: 5px;}
.box_menu .corpsmenu dt { padding: 5px 5px 0 5px; margin: 0 }
.box_menu .corpsmenu dd { padding-top: 0; margin: 0; color: #5B9DE0;}
.box_menu .corpsmenu ul li.last_idem_liste {border: 0;}

.fl, .flot_gauche { float: left; }

.liste_cours_menu {display: block;margin-left: 38px;}

.menu_cours_section {color: #707070;}

#menu .icon_categorie_cours {
	width:30px;
	height:30px;
	border:none;
	text-decoration:none;
}



/* centre */
#centre{
	border:1.5px solid #45A5EE;
	background-color:white;
	padding:10px;

	margin-left:190px;
	min-height:500px;
	
}

#centre ul{
	list-style-position:outside;
}

#centre h1{
	text-align: center;
	margin-top:5px;
	margin-bottom:35px;
	font-family:Arial, 'Times New Roman', Times, serif;
	color: #000000;
}

#centre a {
	text-decoration:none;
	color:#5D90B5;
}

#centre a:hover {
	text-decoration:underline;
}

#div_inscription {
	margin-left:100px;
	margin-bottom:50px;
}

#div_inscription input, option {
	background-color:#f0f0f0;
}

#div_identification {
	margin-top:50px;
	margin-bottom:50px;
}

#div_identification input, option {
	background-color:#f0f0f0;
}


/*cours et cour */

.icone_chap /* L'ensemble icône + titre chapitre */
{
	float: left;
	background-color: #F8FAFD;
	border: 2px solid #E3E7Ec;
	text-align: center;
	padding: 6px;
	margin: 4px 5px 0 5px;
}

.icone_chap img {
	height:70px;
	width:70px;
}

.droite_chapitre {margin-left: 100px;}

.titre_chapitre {margin-top:25px;}

ul.liste_btuto_chap {list-style: none;margin-top: 5px;padding: 0px;}

.clearer { 
	height:50px; 
}

.separateur_parties {
	width: 30%;
}

/* proprietaire tuto */

#proprietaire_tuto1 {
	margin-left:10px;
	margin-right:250px;
	border:1px black solid;
	padding:0;
}

#proprietaire_tuto11 {
	text-align:center;
	vertical-align:middle;
	width:120px;
	float:left;
	height:100px;
	margin-top:18px;
}

#proprietaire_tuto12 {
	list-style-type:none;
	margin-left:130px;
	border-left:1px black solid;
	margin-bottom:0;
	margin-top:0;
}