/*   
Theme Name: FJT CYCAS
Theme URI: http://www.fjtcycas.com
Description: Thème pour le site du FJT.
Author: Thierry Tanzé
Version: 1.0
*/
@charset "utf-8";
/* CSS Document */
    body  {
	padding: 0;
	text-align: center; /* ce paramétrage centre le conteneur dans les navigateurs IE 5.x. Le texte est ensuite aligné à gauche (valeur par défaut) dans le sélecteur #container */
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	background-image: url(design/fond_page.jpg);
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	line-height: 1.5;
    }
     #container {
	width: 800px;
	text-align: left; /* ce paramétrage annule le paramètre text-align: center de l'élément body. */
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-image: url(design/layout_02.jpg);
    } 
     #header {
	padding: 0;
	background-image: none;
	margin: 0;
	height: 406px;
    } 
     #sidebar1 {
	float: left; /* cet élément est flottant, il faut donc lui attribuer une largeur */
	width: 170px;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 55px;
    }
     #mainContent {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 250px;
	padding-top: 0;
	padding-right: 50px;
	padding-bottom: 0;
	padding-left: 10px;
    } 
     #footer {
	padding: 0;
	height: 77px;
	background-image: none;
	background-repeat: no-repeat;
    } 
    .fltrt { /* cette classe permet de rendre flottant le côté droit d'un élément dans la page. L'élément flottant doit précéder l'élément à côté duquel il doit se trouver dans la page. */
    	float: right;
    	margin-left: 8px;
    }
    .fltlft { /* cette classe permet de rendre flottant le côté gauche d'un élément dans la page */
    	float: left;
    	margin-right: 8px;
    }
    .clearfloat { /* cette classe doit être placée pour un élément div ou break et doit être l'élément final avant la balise de fin d'un conteneur qui doit contenir entièrement un élément flottant */
    	clear:both;
        height:0;
        font-size: 1px;
        line-height: 0px;
    }
	  #sidebar1 h2 {
	font-size: small;
	color: #666666;
    }
	
	#sidebar1 ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
    }
#sidebar1 a {
	text-decoration: none;
	color: #333333;
}

#sidebar1 a:hover {
	text-decoration: underline;
	color: #333333;
}
#mainContent h2 {
	font-size: large;
	color: orange;
}
#mainContent a {
	color: #006600;
	text-decoration: none;
}
#mainContent a:hover {
	color: #009900;
	text-decoration: underline;
}
#mainContent h3 {
	font-size: small;
	color: red;
	text-decoration: underline;
}