/*
   index.css
--------------------    ecrit par: jarod01 le 23/01/2010
pour le site : http://www.sciencesettechniques.com    
Club electronique

*/

@import url('http://www.sciencesettechniques.com/templates/design/1/general.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:#e9e9e9;
	min-width:1000px;
}

/* l'entete */


#header {
	height:100px;
}

#hd_part1{
	background:url("http://www.sciencesettechniques.com/electronique/templates/design/1/img/bg_header_elec.png") repeat-x top right;
	height:60px;
}

#hd_part2{
	height:27px;
	background:url("http://www.sciencesettechniques.com/templates/design/1/img/bg_nav.png") repeat-x top right;
	padding:0;
	margin:0;
}

#hd_part3{
	height:5px;
	background:url("http://www.sciencesettechniques.com/templates/design/1/img/bg_section.png") repeat-x top right;
}

#hmenu, #hmenu ul /* Liste */     
{
	padding : 0; /* pas de marge intérieure */
	margin : 0; /* ni extérieure */
	list-style : none; /* on supprime le style par défaut de la liste */
	line-height : 27px; /* on définit une hauteur pour chaque élément */
	text-align : center; /* on centre le texte qui se trouve dans la liste */
}

#hmenu /* Ensemble du menu */
{
	font-weight : bold; /* on met le texte en gras */
	font-family : Arial; /* on utilise Arial, c'est plus beau ^^ */
	font-size : 12px; /* hauteur du texte : 12 pixels */
	margin-left:60px;
}


#hmenu a /* Contenu des listes */
{
	display : block; /* les liens deviennent des balises de type block */
	padding : 0; /* aucune marge intérieure */
	/*background : #000; /* couleur de fond */        
	color : black; /* couleur du texte */
	text-decoration : none; /* on supprime le style par défaut des liens */
	width : 124px; /* largeur */
}

#hmenu li /* Éléments des listes */      
{ 
	float : left;
	/* pour IE qui ne reconnaît pas "transparent" */
	border-right : 1px solid black; /* on met une bordure blanche à droite de chaque élément */
	width:124px;
}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #hmenu li
{
	border-right: 1px solid transparent ; /* on met une bordure transparente à droite de chaque élément */
}

#hmenu a:hover /* Lorsque la souris passe sur un des liens */    
{
	color: white;
	background: #9dc9f0;
}


/*le corps*/

#corps {
	margin-top:0;
	padding-top:20px;
	margin-left:7px;
	margin-right:7px;
	background-color:white;
}

.cntr_titre_prim {
	text-align:left;
	margin-bottom:30px;
	margin-top:5px;
	font-size:26px;
	font-weight:bold;
	width:auto;
	border-bottom:1px solid #369;
	padding:0 0 3px 10px;
	color:#369;
}

#titre_secondaire {
	text-align:left;
	margin-left:15px;
	padding-left:5px;
	padding-bottom:3px;
	width:96%;
	font-size:26px;
	font-weight:bold;
	color:#369;
	border-bottom:1px solid #369;
	margin-bottom:30px;
}

#annuleur_de_tout {
	clear:both;
	width:98%;
	height:60px;
}



/*vmenu */

#vmenu
{
	width:300px;
	float:right;
	margin-right:7px;
}

.infobox
{
	/*background-color: #E8F0F4;
	background-color:#f5f8fc;*/
	border: 1px solid #9dc9f0;
	/*-moz-border-radius: 10px;
	-webkit-border-radius: 10px;*/
	margin-bottom: 15px;
	/*padding: 3px 6px;*/
	width:100%;
}

.infobox .titre_infobox
{
	height: 20px;
	margin: 0;
	padding: 5px 14px;
	color: white;
	border: none;
	font-size:15px;
	font-weight:bold;
	background-color:#9dc9f0;
}

.row_module_index
{
	background-color: white;
	/*border: 1px solid #69c;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;*/
	margin-bottom: 0;
	padding: 0;
}













.contenu_menu{
	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;
}

.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: 63px; margin-bottom:30px;}

.menu_cours_section {color: #707070;}

.infobox .icon_categorie_cours {
	width:60px;
	height:60px;
	border:none;
	text-decoration:none;
}


/* partie gauche */
#centre{
	width:auto;
	min-height:99%;
	margin-right:330px;
	margin-left:10px;
	margin-top:5px;
}

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

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

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

#div_identification {
	margin-top:44px;
	margin-bottom:50px;
	width:350px;
	margin-left:27%;
	border: 2px solid #69c;
}

#div_identif_sup {
	height:40px;
	width:96%;
	background-color:#f5f8fc;
	margin-bottom:30px;
	border-bottom:2px solid #69c;
	padding:2%;
	font-size:20px;
	font-weight:bold;
}

#div_identif_corps {
	margin-bottom:30px;
}



/* Index */

#affichage_actua {
	width:98%;
}

#affichage_actua td {
	padding-bottom:30px;
}

#affichage_actua .colone1 {
	width:185px;
}

#affichage_actua .colone2 .titre_actua {
	font-size:20px;
	margin-top:0;
	padding-top:0;
	margin-bottom:15px;
}

#affichage_actua .img_pres_actua{
	width:190px;
	height:140px;
}

#infos_actua{
	margin-left:30px;
	margin-bottom:30px;
	font-size:16px;
	font-style:italic;
}

#affich_contenu_actua{
	text-indent:15px;
	margin-left:7px;
}

#affich_contenu_actua:first-letter{
	font-weight: bold; /* En gras */
	font-size: 28px; /* Ecrit légèrement plus gros que la normale */
}



/* cours */

#proprietaire_tuto {
	padding:10px;
	margin-left:5%;
	width:90%;
	border:1.5px solid #45A5EE;
	background-color:#E8F0F4;
}

#centre p {
	text-indent:5px;
}


h2 {
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

h3 {
	text-decoration:underline;
	font-family:"Arabic Transparent", Courier, Fixedsys, "MS Sans Serif", "Simplified Arabic", sans-serif;
}

.rmq_information img{
	float:left;
	margin-left:10px;
}

.rmq_information p{
	color:#00cc33;
	margin-left:70px;
}

.rmq_interrogation img{
	float:left;
	margin-left:10px;
}

.rmq_interrogation p{
	margin-left:70px;
	color:#3366cc;
}

.rmq_erreur img{
	float:left;
	margin-left:10px;
}

.rmq_erreur p{
	margin-left:70px;
	color:red;
}

.rmq_attention img{
	float:left;
	margin-left:10px;
}

.rmq_attention p{
	color:#CCCC33;
	margin-left:70px;
}

.citation{
	border:dashed 1px black;
	margin:10px;
	padding:10px;
	color:black;
	background-color:#eeeeee;
}

.rmq_interrogation p img{
	float:none;
}

.rmq_attention p img{
	float:none;
}

.rmq_erreur p img{
	float:none;
}

.rmq_information p img{
	float:none;
}


/*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;
	width: 70px;
}

.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: 35%;
	height:2px;
	background-color:#936a23;
	color:#936a23;
	margin-top:30px;
}

.presentation_chapitre table {
	border-collapse:separate;
	border-spacing:30px;
	margin-left:10%;
}

.presentation_chapitre td {
	border:1px solid black;
	padding:10px;
	background-color:#E8F0F4;
	width:35%;
}

#centre hr {
	clear:left;
}

.titre_partie {
	font-size:26px;
	color:#c9a705;
	text-align:center;
	margin-top:20px;
}

#liste_titres_chapitres {
	margin-left:70px;
	list-style-type:upper-roman;
}

.separation_chapitres {
	width:40%;
	text-align:center;
	background-color:black;
}

.liste_btuto_chap {
	list-style: none inside;
	margin-top: 0px;
	margin-left:10px;
}

.presentation_chapitre {
	list-style-type:none;
}

.list_des_chapitres {
	margin-left:100px;
}

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

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


/* 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;
}


/* tutoriels.php */

#liste_tutos {
	border:1px solid blue;
	width:98%;
	margin-left:1px;
	border-collapse:collapse;
}

#liste_tutos .tr_categorie_tutos td {
	background-color:#e9f0f5;
	color : #4d67be;
	font-weight: bold;	 
	padding-left: 5px;
	border-top:0.1px solid blue;
	border-bottom:0.1px solid blue;
}

#liste_tutos td {
	border-collapse:collapse;
	border-bottom:0.1px dashed blue;
}


#liste_tutos th {
	background-image:url("header.png");
	height:30px;
	color:white;
}

#liste_tutos .th1 {
	width:20%;
}

.td_categorie {
	text-align:left;
	padding-left:20px;
}

.td_nombre {
	text-align:center;
}


#liste_contenu_tutos {
	border:1px solid #9dc9f0;
	width:98%;
	margin-left:1px;
	border-collapse:collapse;
}

#liste_contenu_tutos td {
	border-collapse:collapse;
	border-bottom:0.1px dashed blue;
	text-align:center;
}

#liste_contenu_tutos th {
	background-color:#9dc9f0;
	height:30px;
	color:white;
}

#liste_tutos .th1 {
	width:20%;
}

.td_categorie {
	text-align:left;
	padding-left:20px;
}

#liste_contenu_tutos .nom_tuto {
	text-align:left;
}