@import "layout.css";

/* hack css ie7 debut */
*+html #login_position{
position:relative !important;
left:50px !important;
}
*+html #header{
margin-top:-5px !important;
}
/* hack ie 7 fin ie 6 debut */

* html #login_position{
position:relative !important;
left:50px !important;
}
* html #header{
margin-top:-5px !important;
}
* html #page{
position:relative !important;
margin-top:15px !important;
}
/* hack ie6 fin  */ 

/* design des infobulles de la page team (efface pr HF)
---------------------------------------------------*/

/* Valeurs par default
================================================================*/
*{ margin:0; padding:0; list-style:none}

body {
	font: 63.5% Tahoma, Verdana, Arial, Sans-Serif; /* Resets 1em to 10px */
	background: #ECECEC; /* ancienne couler #D9D9D9 */
	color: #6B6B6B; /* anciennement #828282 */
}
a {text-decoration:none; color:#8B8B8B}
a:hover { color:#bbb; text-decoration:underline}
a img{border: 0}


/* Contenu de content
----------------------------*/

/* news */
.news_titre {
	font-size:1.2em;
	font-weight:bold;
	margin-bottom:60px;
	color:rgb(88,157,214);
}
.news_date{
	font-size:0.9em;
	color:rgb(88,157,214);
}
.news_comm{
	font-weight:bold;
}
.comm_champ{
	width : 200px;
	margin : 0 0 0 0;
	border : 1px solid #000000;
	font-size : 0.8em;
}
.comm_textarea{
	width : 200px;
	margin : 0 0 0 0;
	border : 1px solid #000000;
	font : Tahoma;
	font-size : 1.2em;
}
.comm_mdp{
	width : 50px;
	margin : 0 0 0 0;
	border : 1px solid #000000;
	font-size : 1em;
}

/* Index */
/*Règle fondamentale
    { margin: 10px 10% 5px 12px ; }

    est identique à :
    {margin-top: 10px ; }
    {margin-right: 10% ; }
    {margin-bottom: 5px ; }
    {margin-left: 12px ; }
*/

.div_last_group{
	background : url("../img/index_fond_last_group.png") no-repeat;
	width: 369px; height: 98px;
	text-align: left;
	vertical-align: middle;
	padding-top: 15px; padding-left:15px;
}

.div_last_autre{
	/*background : url("../img/index_fond_last_autre.png") no-repeat;*/
	background : url("../img/index_fond_last_group.png") no-repeat;
	width: 369px; height: 91px;
	text-align: left;
	vertical-align: middle;
	padding-top: 15px; padding-left:15px;
	margin: -12px 0px 0px 0px;
}

.div_last_forum{
	background : url("../img/index_fond_last_forum.png") no-repeat;
	width: 328px; height: 192px;
	text-align: left;
	vertical-align: middle;
	padding-top: 10px; padding-left:15px;
	margin: -207px 0px 0px 373px;
}

.div_dossiers{
	background : url("../img/index_fond_dossiers.png") no-repeat;
	width: 718px; height: 212px;
	text-align: left;
	vertical-align: middle;
	padding-top: 15px; padding-left:15px;
}

.div_lemons{
	background : url("../img/index_fond_lemons.png") no-repeat;
	width: 718px; height: 212px;
	text-align: left;
	vertical-align: middle;
	padding-top: 15px; padding-left:15px;
}

.titre_section{
	font-size:1.4em;
	font-weight:bold;
	margin-top:30px; margin-bottom:60px;
	color:rgb(88,157,214);
}

.presentation_last{
	font-size:1.1em;
	font-weight:none;
	margin: -5px 0px 15px -6px;
	color:rgb(88,157,214);
}

.presentation_section{
	font-size:1.2em;
	font-weight:none;
	margin-bottom:60px;
	color:rgb(88,157,214);
}

.contenu_bref_section{
	font-size:1.0em;
	font-weight:none;
	margin: 10px 195px 0px 25px ;
	color:orange;
	
/*margin-left:25px;
margin-right:195px; ( margin-right:40px; )
margin-top:10px; */

}
.contenu_bref_section a:link   {color:orange; text-decoration:none; }
.contenu_bref_section a:hover  {color:orange; text-decoration:underline; font-style: italic;}
.contenu_bref_section a:visited   {color:orange; text-decoration:none; }
.contenu_bref_section a:active  {color:orange; text-decoration:underline; }
/* Permet de mettre en forme le lien "Lire la suite" */

.contenu_bref_section_lemons{
	font-size:1.0em;
	font-weight:none;
	margin: 10px 145px 0px 25px ;
	color:orange;
	
/*margin-left:25px;
margin-right:145px; (margin-right:40px; avant)
margin-top:10px;*/
	
}
.contenu_bref_section_lemons a:link   {color:orange; text-decoration:none; }
.contenu_bref_section_lemons a:hover  {color:orange; text-decoration:underline; font-style: italic;}
.contenu_bref_section_lemons a:visited   {color:orange; text-decoration:none; }
.contenu_bref_section_lemons a:active  {color:orange; text-decoration:underline; }
/* Permet de mettre en forme le lien "Lire la suite" pour Lemons */


/* Toutes sections */
.titres_sections{
	margin: 45px 0px 20px 45px ;
/* top:45px; bottom:20px; left:45px; */
}

.liens_retour a:link   {color:orange; text-decoration:none; }
.liens_retour a:hover  {color:orange; text-decoration:underline; font-style: italic;}
.liens_retour a:visited   {color:orange; text-decoration:none; }
.liens_retour a:active  {color:orange; text-decoration:underline; }

/* -----------------------------------------------
	Section Dossiers 
------------------------------------------------*/

/* Récapitulatif des Dossiers */
.categories_dossiers_tableau{
	font-family:Comic Sans MS, Georgia, Trebuchet MS; font-weight:none; font-size:1.0em;
	text-align: left; vertical-align:top;
	color:#0055F2;
}

.titre_dossiers_tableau{
	font-weight:none; font-size:1.0em;
	text-align: left;
	color:green;
	margin-left:50px;
}
.titre_dossiers_tableau a:link   {color:#5B00F2; text-decoration:none; }
.titre_dossiers_tableau a:hover  {color:#F90012; text-decoration:none; font-style: italic;}
.titre_dossiers_tableau a:visited   {color:#5B00F2; text-decoration:none; }
.titre_dossiers_tableau a:active  {color:red; text-decoration:underline; }


/* Corps d'un Dossier */
.infos_dossiers{
	font-weight:none;
	float: right;
	font-size:0.9em;
	color:rgb(88,157,214);
}

.photo_auteur{
	float:right;
	padding-right:40px;
}

.descrip_auteur{
	float:left;
	padding-left:40px;
}

.livres_auteur{
	float:center;
	padding-left:5px;
	padding-right:5px;
}

.titres_paragraphes{
	font-size:1.8em; font-weight:none; font-style: italic; font-family:Arial, Georgia, Trebuchet MS;
	text-decoration:none;
	color:#5501FF;
	padding-left:10px;
}

.liens_dossiers a:link   {color:#43D10A; text-decoration:none; }
.liens_dossiers a:hover  {color:#03DD50; text-decoration:none; font-style: italic;}
.liens_dossiers a:visited   {color:#66DD31; text-decoration:none; }
.liens_dossiers a:active  {color:red; text-decoration:underline; }

/* -----------------------------------------------
	Section Conventions 
------------------------------------------------*/
.liens_conventions a:link   {color:#0a47d1; text-decoration:none; }
.liens_conventions a:hover  {color:#038edd; text-decoration:none; font-style: italic;}
.liens_conventions a:visited   {color:#31bbdd; text-decoration:none; }
.liens_conventions a:active  {color:pink; text-decoration:underline; }

.titres_paragraphes2{
	font-size:1.8em; font-weight:none; font-style: italic; font-family:Arial, Georgia, Trebuchet MS;
	text-decoration:none;
	color:#fb002f;
	padding-left:10px;
}

/* -----------------------------------------------
	Section Lemons 
------------------------------------------------*/
.categories_lemons_tableau{
	font-family:Comic Sans MS, Georgia, Trebuchet MS; font-weight:none; font-size:1.0em;
	text-align: left; vertical-align:top;
	color:#E90A0A;
}

.titre_lemons_tableau{
	font-weight:none; font-size:1.0em;
	text-align: left;
	color:green;
	margin-left:50px;
}
.titre_lemons_tableau a:link   {color:#DC00F0; text-decoration:none; }
.titre_lemons_tableau a:hover  {color:#FF0060; text-decoration:none; font-style: italic;}
.titre_lemons_tableau a:visited   {color:#DC00F0; text-decoration:none; }
.titre_lemons_tableau a:active  {color:#FF0060; text-decoration:underline; }

/* -----------------------------------------------
	Identification membres
------------------------------------------------*/

#login_position{
position:absolute;
margin-top: 174px; margin-left: 20px;
text-align:left;
line-height: 5px;
font : Tahoma; font-size:10px; color:#FFFFFF;
}
#login_position a:link   {color:#FFFFFF; text-decoration:none; }
#login_position a:hover  {color:#FFFFFF; text-decoration:none; font-style: italic; border-bottom: 1px dashed #FFFFFF ;}
#login_position a:visited   {color:#FFFFFF; text-decoration:none; }
#login_position a:active  {color:#FFFFFF; text-decoration:underline; }


.login_connect
{opacity : 0.75; filter : alpha(opacity=75);}
.login_connect:focus
{opacity : 0.95; filter : alpha(opacity=95);}


/* Contenu de sidebar
------------------------------------------------------------------------------*/
#sidebar h2{
	font-size:1.2em;
	text-align:center;
	padding:20px 0 15px;
}
#sidebar ul{ font-size:1.1em; padding: 0 0 10px 25px; /*initialement 0 0 10px 30px*/ line-height:16px;}
#nav, #nav a, .blue, .blue a{color: #589DD6;}
#infos, #infos a, .pink, .pink a{color: #CE6AA0;}
#multi, #multi a, .vert, .vert a{color: #B0C371;}


/* Contenu de footer
------------------------------------------------------------------------------*/
#footer{ line-height:12px;}
#footer a{ text-transform:uppercase; letter-spacing:1px; font-weight:bold}

/* Style ajouté a la suite ^^ 
------------------------------------------------------------------------------*/

.cpt {
	background : url("../img/cpt.png") no-repeat;
	width : 140px;
	height : 75px;
	margin-left : 15px;
	
}
.cpt table {
	margin-top : 1px;
	margin-left : 6px;
	color : black;
}
table {
	border-width : 0px; 
	border-color : black;
	border-style : dashed;
}
.choix_deroulant
{
	width : 150px;
	margin : 0 0 0 0;
	border : 1px solid #000000;
	background : url('../img/fond1.png') repeat;
	font-size : 0.8em;
	font-family : Verdana;
}
.choix_deroulant2
{
	background-color : #98DFFB;
}


/* Pour les menu haut et centre 
------------------------------------------------------------------------------*/

	div#page {
		position: relative;
		margin: 10px auto 0px auto; padding: 0px 0px 5px 0px;
		width: 800px;
		text-align: center;
	}


/**************************
 *	Paramètres topmain
 */
 div#topmain {
 	float: left;
 	display: block;
 	margin: 0px 10px 0px 137px; padding: 0;
 }


/**************************
 *	Paramètres mainmenu pour menu centre haut
 */	
div.moduletable-mainmenu {
	margin; 0; padding: 0;
}
	div.moduletable-mainmenu ul {
		margin: 0; padding: 0px 0px 0px 0px;
		display: block;
	}
		div.moduletable-mainmenu ul li {
			margin: 0; padding: 0;
			display: inline;
		}
			div.moduletable-mainmenu ul li a, div.moduletable-mainmenu ul li a:link, div.moduletable-mainmenu ul li a:visited {
				float: left;
				display: block;
				width: 120px; height: 30px;
				margin: 0px 0px 0px 5px; padding: 0;
				color: #FFFFFF;
				font-size: 1.2em; font-weight: bold;
				line-height: 2.4em;
				background: url('../img/fond-onglet.gif') no-repeat top left;
				text-align: center; text-decoration: none;
			}
				div.moduletable-mainmenu ul li a#active_menu-mainmenu_navig,
				div.moduletable-mainmenu ul li a#active_menu-mainmenu_navig:link,
				div.moduletable-mainmenu ul li a#active_menu-mainmenu_navig:visited,
				div.moduletable-mainmenu ul li a#active_menu-mainmenu,
				div.moduletable-mainmenu ul li a#active_menu-mainmenu:link,
				div.moduletable-mainmenu ul li a#active_menu-mainmenu:visited {
					color: #0072FF;
					background: url('../img/fond-onglet.gif') no-repeat bottom left;
				}
				div.moduletable-mainmenu ul li a:hover {
					color: #0072FF;
					background: url('../img/fond-onglet.gif') no-repeat bottom left;
				}
				
/**************************
 *	Paramètres : mainmenu
 */	
div.moduletable-mainmenu-mata {
	float: left;
	margin; 0; padding: 0;
}
	div.moduletable-mainmenu-mata ul {
		margin: 0; padding: 10px 0px 0px 0px;
		display: block;
	}
		div.moduletable-mainmenu-mata ul li {
			margin: 0; padding: 0;
			display: inline;
		}
			div.moduletable-mainmenu-mata ul li a, div.moduletable-mainmenu-mata ul li a:link, div.moduletable-mainmenu-mata ul li a:visited {
				float: left;
				display: block;
				width: 120px; height: 30px;
				margin: 0px 0px 0px 5px; padding: 0;
				color: #FFFFFF;
				font-size: 1.2em; font-weight: bold;
				line-height: 2.4em;
				background: url('../img/fond-onglet-2.gif') no-repeat top left;
				text-align: center; text-decoration: none;
			}
				div.moduletable-mainmenu-mata ul li a#active_menu-mainmenu-mata_navig,
				div.moduletable-mainmenu-mata ul li a#active_menu-mainmenu-mata_navig:link,
				div.moduletable-mainmenu-mata ul li a#active_menu-mainmenu-mata_navig:visited,
				div.moduletable-mainmenu-mata ul li a#active_menu-mainmenu-mata,
				div.moduletable-mainmenu-mata ul li a#active_menu-mainmenu-mata:link,
				div.moduletable-mainmenu-mata ul li a#active_menu-mainmenu-mata:visited {
					color: #E6DFD1;
					background: url('../img/fond-onglet-2.gif') no-repeat bottom left;
				}
				div.moduletable-mainmenu-mata ul li a:hover {
					color: #E6DFD1;
					background: url('../img/fond-onglet-2.gif') no-repeat bottom left;
				}

/**************************
 *	Menu centre horizontal
 */
 
 div#menu_centre {

 	background: url('../img/fond-menu-centre.png') no-repeat top left;
	margin-left : 16px;
	/* pour ajouter un cadre tu enleves 51 a ce chiffre donc si tu en rajoutes un, ca fera 155-51=104 et inversement si tu enleves un cadre (sais t'on jamais) */
		padding-left : 104px;
 }

/***********************************/
/*  Méthode des portes coulissantes pour menu centre  */
/**********************************/
#nav_centre {
	list-style: none ;
	margin: 0 ;
	padding: 0 ;
	overflow: hidden ;		/* Création du contexte de formatage */
 }
#nav_centre li {
	float: left ;
	width: 100px ;
	border: 0px solid #600 ;
	margin-right: 1px ;
	color: #fff ;
  }
#nav_centre li a {
	display: block ;
	background: url(../img/bouton_fiches.png) left top no-repeat ;
	color: #000000 ;
	font: 2em "Trebuchet MS",Arial,sans-serif ;
	line-height: 1em ;
	padding: 6px 0 ;
	text-align: center ;
	text-decoration: none ;
  }
#nav_centre li a:hover, #nav li a:focus, #nav li a:active {
	background: url(../img/bouton_fiches.png) right top no-repeat ;
	text-decoration: none ;
	}

			<!--[if lt IE 7]>
			<style type="text/css">
			#nav_centre {							/* Contexte de formatage pour IE6 */
				overflow: visible ;
				height: 1% ;
				}
			</style>
			<![endif]-->