@charset "UTF-8";



/*	--------------------------------------------------
	GÉNÉRALITÉS
	- - - - - - - - - - - - - - - - - - - - - - - - */

		body{
			margin:0;
			padding:0;
			font:12px/130%  "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", "Tahoma", Verdana, sans-serif;
			color:#444;
			background:#e5e5e5; /*#f7f3eb   <<< Un peu trop jaune sur certains écrans*/
		}
		
		img{
			border:none;
		}
		
		table{
			  border-spacing: 0px;
			  margin:0;
			  padding:0;
		}

		.exposant{
			font-size:0.8em;
			vertical-align:baseline;
			position:relative;
			bottom:0.5em;
		}
		
		.indice{
			font-size:0.8em;
			vertical-align:baseline;
			position:relative;
			top:0.5em;
		}
		
		.cap{
			text-transform:uppercase;
		}
			
		.petiteCap{
			font-size:0.8em;
		}
		
		.clearLeft{
			clear:left;
		}
		
		.clearRight{
			clear:right;
		}
		.image-entete{
			float:right;
			margin: 0 5px 5px 5px;
		}
	.image-entete-left{
			float:left;
			margin: 0 5px 5px 5px;
		}

/*	--------------------------------------------------
	DÉFINITION DES BLOCS PRINCIPAUX
	- - - - - - - - - - - - - - - - - - - - - - - - */

		#centreur{
			width:910px;
			position:absolute;
			left:50%;
			margin-left:-455px;
			/*background: #fbf9f5;*/
		}

/*		CONTENU
		- - - - - - - - - - - - - - - - - - - - - - */
		#en-tete {
			background:url(../images/structure/enteteTempo.png) top center no-repeat;
			height:150px;
			margin-bottom:25px;

			color:#1d6aae;
		}
		
		#colonne1 {
				position:absolute;
				width:165px;
				z-index:2;
			}
			
		#colonne2 {
			float:right;
			width:720px;
			border-left: 1px solid;
			margin-right:0px;
		}
		
		#retourHautPage{
			clear:right;
			width:190px;
			text-align:right;
			text-transform:uppercase;
			font:bold 12px/110%  "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", "Tahoma", Verdana, sans-serif;

		}	#retourHautPage a{
				text-decoration:none;
				float:right;
			}
			#retourHautPage a:hover{
				text-decoration:underline;
			}
			#retourHautPage img{
				float:right;
			}
		
		#piedDePage{
			background:url(../images/structure/pied1.png) top right no-repeat;
			padding-top:3.7em;
			font-size:0.8em;
			text-align:center;
			height:56px;
			clear:right;
			margin:1em 0;
			font-style:italic;
			color:#CCC;
		}
		#piedDePage a{
			text-decoration:none;
			color:#CCC;	
		}
		#piedDePage a:hover{
			text-decoration:underline;
		}
		

/*	--------------------------------------------------
	DÉFINITION DES STYLES RELATIFS AU COLONES
	- - - - - - - - - - - - - - - - - - - - - - - - */

/*		colonne1
		- - - - - - - - - - - - - - - - - - - - - - */

			#colonne1 #menu{
			    background:url(../images/structure/menuTempo.png) top left no-repeat;
				height:460px;
				margin-bottom:2em;
				color:#ddd;
			}
			#colonne1 #menu p{
				padding:0;
				margin:0;
			}
			#colonne1 blockquote{
				float:left;
				width:201px;
				margin:0 0 0 35px;
				padding-top:13px;
				font: italic 1em/130% Georgia, serif;
				background: #e5e5e5 url(../images/structure/notes_T.png) top left no-repeat;
			}
			#colonne1 blockquote p{
				padding:0 1em 1em 2em;
				margin:0;
				background:url(../images/structure/notes_M.png) left repeat-y;
			}
			#colonne1 .finBlockquote{
				clear:left;
				margin:0 0 0 35px;
				height:11px;
				width:205px;
				background: url(../images/structure/notes_P.png) top left no-repeat;
			}

/*		colonne2
		- - - - - - - - - - - - - - - - - - - - - - */
		
/*			Contenu principal
			- - - - - - - - - - - - - - - - - - - - */

			#colonne2 h1{
				font: bold 1.5em/130%  "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", "Tahoma", Verdana, sans-serif;
				color:#1C4B8C;
				text-transform:uppercase;
				margin:0.7em 0;
				padding:0 0 0 50px;
			}
			#colonne2 h2{
				font: bold 1em/130%  "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", "Tahoma", Verdana, sans-serif;
				/*color:#0a234b;*/
				margin: 0.7em 0;
				padding:0 0 0 50px;
			}
			#colonne2 h3{
				font: bold 1em/130%  "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", "Tahoma", Verdana, sans-serif;
				color:#1C4B8C;
				margin: 2em 100px 0 50px;
				padding:0 0 0 50px;
				font-weight:bold;
				text-transform:uppercase;
			}
			#colonne2 h6{
				font: bold 1em/130%  "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", "Tahoma", Verdana, sans-serif;
				color:#1C4B8C;
				margin: 2em 100px 0 50px;
				padding:0 0 0 50px;
				font-weight:bold;
			}
			#colonne2 p{
				margin: 1em 170px 0 120px;
				padding:0 0 0 50px;
				text-indent:-1em;
			}
			#colonne2 ul{
				margin: 1em 170px 0 126px;
				padding:0 0 0 50px;
				list-style:square;
			}
			#colonne2 ol{
				margin: 1em 170px 0 126px;
				padding:0 0 0 50px;
			}
			#colonne2 li{
				list-style-position:outside;
				margin: 0.3em 0;
				padding:0;
			}
			#colonne2 .signature{
				font: italic 1em/130% Georgia, serif;
				text-align:right;
			}
			#colonne2 style1{
			     font:bold 1em/130% "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", "Tahoma", Verdana, sans-serif;
				 margin: 0.7em 0;
			   	 color:#2d5fb4;
				 padding:0 0 0 50px;
				 }
/*			Sous-menu
			- - - - - - - - - - - - - - - - - - - - */
			
			#sousMenuTable{
				margin:2em 50px 2em 100px;
				color:#1C4B8C;
				text-transform:uppercase;
			}

						
			#sousMenuTable td{
				vertical-align:top;
			}
			
			#sousMenuTable th{
				font-weight:normal;
				padding:1.3em 1em 5px 30px;
				vertical-align:top;
				text-align:left;
			}
			
			#sousMenuTable a{
				padding:1.3em 1em 5px 30px;
				display:block;
				text-decoration:none;
			}
			
				
/*			Encart
			- - - - - - - - - - - - - - - - - - - - */

			#colonne2 .placeur{
				clear:right;
				width:5px;
				float:right;
				font-size:1px;
			}
			#colonne2 .encartTete{
				float:right;
				clear:right;
				width:222px;
				height:15px;
				margin:1.5em 0 0 1em;
				
			}
			#colonne2 .encartContenu{
				float:right;
				clear:right;
				width:222px;
				margin:0 0 0 1em;
			}
			#colonne2 .encartContenuSansContour{
				float:right;
				clear:right;
				width:222px;
				margin:0 0 0 1em;
			}
			#colonne2 .encartPied{
				float:right;
				clear:right;
				width:222px;
				height:15px;
				margin:0 0 0.5em 1em;
			}
			#colonne2 .encartContenu h4{
				font: 1.3em/130%  "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", "Tahoma", Verdana, sans-serif;
				padding:0 17px 9px 10px;
				margin:0;
			}
			#colonne2 .encartContenu h5{
				font: 1.1em/130%  "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", "Tahoma", Verdana, sans-serif;
				padding:0 20px 9px 10px;
				text-align:right;
				margin:0;
			}
			#colonne2 .encartContenu h5 img{
				float: right;
				margin-left:5px;
			}

/*			Encart Video
			- - - - - - - - - - - - - - - - - - - - */
			
			#colonne2 .encartVideo{
				float:right;
				clear:right;
				width:260px;
				margin:1em 0 1em 1em;
			}
				#colonne2 .encartVideo1{
				float:right;
				clear:right;
				width:700px;
				margin:1em 0 1em 1em;
			}
/*			Encart bas pleine largeur
			- - - - - - - - - - - - - - - - - - - - */
			
			#colonne2 .encartGr{
				clear:right;
				width:608px;
				height:213px;
				margin: 2em 0 0 50px;
			}
			#colonne2 .encartGr p{
				margin:0 46px 0 120px;
				padding:1em 0 0 0;
			}


		
/*	--------------------------------------------------
	COMITÉ DE SOUTIEN ET CVE
	- - - - - - - - - - - - - - - - - - - - - - - - */
	
	#colonne2 .contenuSoutien{
		margin-left:100px;
	}
	
	#colonne2 .contenuSoutien p{
		margin:0;
		padding:0;
		text-indent:0;
	}
	
	
/*		Navigation
		- - - - - - - - - - - - - - - - - - - - - - */

/*			Bloc haut de liste
			- - - - - - - - - - - - - - - - - - - - */

			#comitetop {
				margin: 2em 0 1em 0;
			}

/*			Bloc bas de liste
			- - - - - - - - - - - - - - - - - - - - */
			
			#comitebottom { 
				margin: 0 0 1em 0;
			}
			
/*			Navigation Numéros
			- - - - - - - - - - - - - - - - - - - - */
			
			.soutiennavnum {
				float:left;
				padding: 0 0.5em;
			}
			.soutiennum {
				padding: 0 0.2em;
			}
			.soutiennavnum a{
				text-decoration: none;
			}
			.soutiennavnum a:hover{
				text-decoration: underline;
			}
			.soutiennavnum a.soutiennumSelect{
				font-size:1.1em;
				font-weight:bolder;
				padding: 0 0.2em;
			}

/*			Navigation Images
			- - - - - - - - - - - - - - - - - - - - */
			
			.soutienNavImgPrec{
				float:left;
				height:23px;
			}	.soutienNavImgPrec a{
					text-decoration:none;
					padding-right:20px;
					background: url(../images/structure/pacte/flechePrec.png) right 0.2em no-repeat;
				}
				.soutienNavImgPrec a:hover{
					text-decoration:underline;
				}
				
			.soutienNavImgSuiv{
				float:left;
				height:23px;
			}	.soutienNavImgSuiv a{
					text-decoration:none;
					padding-left:20px;
					background: url(../images/structure/pacte/flecheSuiv.png) left 0.2em no-repeat;
				}
				.soutienNavImgSuiv a:hover{
					text-decoration:underline;
				}

/*		Présentation personnalité comité
		- - - - - - - - - - - - - - - - - - - - - - */

			.soutientable {
				clear:left;
				margin:2em 70px 0 0;
				border-collapse: collapse;
			}
			.soutientable td {
				padding-bottom: 25px;
			}
			.soutientable td.soutienvign {
				vertical-align: middle;
				width: 90px;
			}
			.soutientable td.soutientxt {
				vertical-align: middle;
				padding-left: 25px;
			}
			p.soutiennom {
				font-weight:bold;
			}
			#colonne2 .contenuSoutien p.soutienPresentation{
				padding-left:1em;
			}
			#colonne2 .contenuSoutien  p.soutienCredit{
				font-size:0.8em;
				padding-left:1.2em;
			}



/*	--------------------------------------------------
	CALENDRIER
	- - - - - - - - - - - - - - - - - - - - - - - - */

	#calendrier{
		margin: 1em 0 0 150px;
	}

	#calendrier-bali{
		margin: 1em 0 0 50px;
	}
		
	.calendrierItem{
		float:left;
		border:1px solid #6b6b63;
		text-align:center;
		margin: 0 0.5em 0.5em 0.5em;
		width:55px;
	}	.calendrierItem a{
			display:block;
			text-decoration:none;
		}
		.calendrierItem a:hover .calendrierMois{
			background:#97acca;
		}
		.calendrierItem a:hover .calendrierDate{
			text-decoration:underline;
		}
		.calendrierItem .calendrierMois{
			display:block;
			color:white;
			background:#2D5FB4;
			font:0.8em/100% 'Lucida Grande', Verdana, sans-serif;
			padding:0.3em 0 0.3em 0;
		}
		.calendrierItem .calendrierDate{
			display:block;
			color:#333;
			padding:0.1em 0;
			font:1em/100% 'Lucida Grande', Verdana, sans-serif;
		}
	
	#calendrierDateSelAff{
		clear:left;
		color:#97acca;
		margin:0 0 0 158px;
	}
		
	.calendrierItemSel{
		float:left;
		border:1px solid #6b6b63;
		text-align:center;
		margin: 0 0.5em 0.5em 0.5em;
		width:55px;
	}	.calendrierItemSel .calendrierMois{
			display:block;
			color:white;
			background:#2D5FB4;
			font: bold 0.9em/100% 'Lucida Grande', Verdana, sans-serif;
			padding:0.2em 0 0.4em 0;
		}
		.calendrierItemSel .calendrierDate{
			display:block;
			color:#333;
			padding:0.1em 0;
			font: bold 1.2em/100% 'Lucida Grande', Verdana, sans-serif;
		}
	
	.calendrierNavImgPrec a{
		background:url(../images/structure/pacte/flechePrec.png) center no-repeat;
		display:block;
		float:left;
		height:23px;
		width:15px;
		margin-top:0.5em;
		text-decoration:none;
		width:23px;
	}
		
	.calendrierNavImgSuiv a{
		background:url(../images/structure/pacte/flecheSuiv.png) center no-repeat;
		display:block;
		float:left;
		height:23px;
		width:15px;
		margin-top:0.5em;
		text-decoration:none;
		width:23px;
	}

	/*Erreurs et warning formulaire*/
	.champerr { background-color: #ffcaca; }
	.warning { color: #900; font-weight: bold; }