/**

 * @version $Id: template.css 9765 2007-12-30 08:21:02Z ircmaxell $

 * @author Design & Accessible Team ( Angie Radtke / Robert Deutz )

 * @package Joomla

 * @subpackage Accessible-Template-Beez

 * @copyright Copyright (C) 2005 - 2008 Open Source Matters. All rights reserved.

 * @license GNU/GPL, see LICENSE.php

 * Joomla! is free software. This version may have been modified pursuant to the

 * GNU General Public License, and as distributed it includes or is derivative

 * of works licensed under the GNU General Public License or other free or open

 * source software licenses. See COPYRIGHT.php for copyright notices and

 * details.

 */

 

 /**************************************************************************

 * Gestion de la mise en page

 **************************************************************************/



body{

	text-align: center;

}



#corps{

	background: #f7f7f7;

/*	width: 950px;*/

	width: 1020px;

	margin-left: auto;

	margin-right: auto;

}

 

 /*en-tete (header) 

  *coin de droite*/

#entete_coinhaut_droit{

	height: 90px;

}



#entete_ligne_bas{

	margin: 0 11px;

}

 

#entete_coinbas_gauche{

	padding-left: 32px;

}

 

#entete_coinbas_droit{

	height: 42px;

	padding-right: 1px;

}



#entete_zone{

	/*width: 1004px;*/

	width: 700px;

	height: 80px;

	padding-top: 20px;

}



#logo{

	width: 80px;

	height: 80px;

	float: left;

}



#nomsite{

	font-family: "Times New Roman", Times, serif;

	font-style: italic;

	font-size: 52px;

	font-weight: bold;

	padding-top: 14px;

}



#emplacementpage{

	font-family:Helvetica ,Arial,sans-serif;

	font-size: 12px;

	

	padding: 0px 10px 8px;

	width: auto;

	margin-top: -2px;

	margin-right: 250px;

	text-align: left;

	text-indent: 12px;

}



#emplacementpage a:visited{

   font-family:Helvetica ,Arial,sans-serif;

	font-size: 12px;

	

	color: #0B55C4;

	text-decoration: none;

}

 

 /*pied (footer)

  * bas de la page*/ 

#pied_espace_avant{

	height: 10px;

}

#pied{

	height: 57px;

	width: 100%;

}

 

 /*pied (footer)

  *coin de gauche*/

#pied_coin_gauche{

	height: 57px;

}

 

  /*pied (footer)

  *coin de droite*/

#pied_coin_droit{

	height: 57px;

	overflow: hidden;

}



/**************************************************************************

 * les titres

 **************************************************************************/

 h1 {

	padding: 0;

	font-family: Helvetica, Arial, sans-serif;

	font-size: 1.4em;

	font-weight: bold;

	line-height: normal;

	vertical-align: bottom;

	text-align: left;

	width: 100%;

}



h2 {

	padding: 0;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 1.4em;

	font-weight: normal;

	vertical-align: bottom;

	text-align: left;

	width: 100%;

}



h4 {

	padding: 0;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 2em;

	font-weight: bold;

	vertical-align: top;

	text-align: center;

	width: 100%;

	color: #00008B;

}



h5 {

	padding: 0;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 1.2em;

	font-weight: normal;

	vertical-align: bottom;

	text-align: center;

	width: 100%;

	color: Red;

} 

h6 {
	text-align: center;
	color: black;
	font-size: x-small;
}



/**************************************************************************

 * La mise en forme du milieu de la page

 **************************************************************************/

#milieu{

	margin: 0 21px 0px 21px;

	width: auto;

}



#milieu_coinhaut_droit{

	height: 10px;

	overflow: hidden;

}



#milieu_ligne_bas{

	margin-top: -6px;

}

  

#milieu_coinbas_droit{

	height: 13px;

}



#milieu_p{

	border-left: 1px solid #ccc;

	border-right: 1px solid #ccc;

	width: auto;

	padding: 1px 8px;

}



#zone_centrale{

	padding: 0;

}



#colonnegauche{

	float: left;

	width: 20%;

	margin: 0px;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0;

	margin-left: 0px;

	text-align: left;

}



#taillezoneprincipale_2c{

   float: left;

	width: 74%;

}

#taillezoneprincipale_3c{

   float: left;

	width: 49%;/*54*/

}



#zoneprincipale{

	text-align: left;

	line-height: 11.7pt;

	/*A MODIFIER QUANT PAS PUB : 75% */

	/*width: 55%;*/

	padding-top: 0px;

	padding-right: 0px; 

	padding-bottom: 0px;

	padding-left: 15px;

}



#colonnedroite{

	background: url(../images/centre_ligne_separation.png) 0 0 repeat-y;

	float: left;

	/*width: 21%;*/

	width: 25%;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 0px;

}

  

/**************************************************************************

 * La mise en forme du menu

 **************************************************************************/

table.user1user2 div.modulemainmenu {

	margin-bottom: 0px;

}



div.modulemainmenu, div.module {

  margin-bottom: 25px;

}



.modulemainmenu h3 {

	font-family: Helvetica, Arial, sans-serif;

	font-size: 20px;

	font-weight: bold;

	color: #eee;

	margin: -27px -4px 5px -5px;

	padding-left: 10px;

	padding-bottom: 2px;

}



div.modulemainmenu {

	margin: 0;

	padding: 0;

	margin-bottom: 15px;

}



div.modulemainmenu div div div {

	padding: 10px;

	padding-top: 30px;

	padding-bottom: 15px;

	width: 100%;	

}



div.modulemainmenu div div div div {

	background: none;

	padding: 0;

}



div.modulemainmenu ul {

	margin: 10px 0;

	padding-left: 20px;

}



a.mainlevelmainmenu:link, a.mainlevelmainmenu:visited {

	font-weight: bold;

	color: #135cae;

	font-family: Helvetica,Arial,sans-serif;

	font-size: 12px;

	line-height: 11.7pt;

	text-decoration: none;

	text-align: left;

}



a.sublevelmainmenu:link, a.sublevelmainmenu:visited {

	font-weight: bold;

	color: #135cae;

	font-family: Helvetica,Arial,sans-serif;

	font-size: 12px;

	line-height: 11.7pt;

	text-decoration: none;

	text-align: left;

}

a.mainlevelmainmenu:hover {

	font-weight: bold;

	color: #0b3768;

	text-decoration: underline;

	text-align: left;

}

a.sublevelmainmenu:hover {

	font-weight: bold;

	color: #0b3768;

	text-decoration: underline;

	text-align: left;

}



/**************************************************************************

 * La mise en forme du module partenaire

 **************************************************************************/

.modulepartenaires{

	line-height: 11.7pt;

}



.modulepartenaires h3, .moduleflash h3 {

	font-family: Helvetica, Arial, sans-serif;

	font-size: 17px;

	font-weight: bold;

	color: #eee;

	text-align: center;

	padding-left: 2px;

	padding-bottom: 2px;

	background: #135CAE;

	width: auto;

}



a.modulepartenaires:link {

	border: none;

}



.modulepartenaires h1 {

	border: none;

}



/**************************************************************************

 * La mise en forme du module flash

 **************************************************************************/

.moduleflash h4{

	font-size: 12px;

}



#Separation{

	border-bottom: thin dashed Black;

}



.moduletablefooter h1{

	padding-top: 15px;

	font-size: 10px;

	text-align: center;

	color: #666;

}

/*

*/

.clr {

	clear: both;

}



.pagenavbar, .pagenavcounter{

	font-weight: bold;

	color: #135cae;

	font-family: Helvetica,Arial,sans-serif;

	font-size: 12px;

	line-height: 11.7pt;

	text-decoration: none;

	text-align: left;

}



img{

	border: none;

}



.contentpaneopenheures24 {

	background: url(http://www.cnsion.ch/images/24heuresFondHaut.png);

	background-repeat: no-repeat;

}



.contentpaneopenheures24 h1{

	color: #0093D0;

	font-size: 25px;

	line-height: 30px;

}



.contentpaneopenheures24 h2{

	color: #0093D0;

	font-size: 20px;

	line-height: 20px;

}



#Reglement{

	color: #0093D0;

	font-size: 20px;

	line-height: 20px;

	font-weight: bold;

	text-align: left;

}