﻿@charset "utf-8";
/* CSS Document */

html {
	font-size:100%;
	}

body {
	font-family:  "Trebuchet MS", Tahoma, Arial, Geneva, Helvetica, sans-serif;
	font-size:0.7em;
	margin:0 0 20px 0;
	padding:0;
	background-image:url(../images/page_fond.png);
	background-repeat:repeat-x;
	background-color:#f2f2f2;
	}

#maj {
	height:25px;
	line-height:25px;
	background-color:#ffffcc;
	text-align:center;
	border-bottom: 1px solid #9c9c9c;
	}
	
#container {
	margin: 0 auto ;
	width:1000px;
	padding:0px;
	background-image:url(../images/container_fond.png);
	}
	
	
#bande_gauche {
	float:left;
	width:25px;
	height:1px;
	}
	
#centre {
	float:left;
	width:950px;
	height:auto;
	}
	
		#menu {
			width:950px;
			height:26px;
			background-image:url(../images/menu.png);
			
			}
				#menu ul {
					margin:0;
					padding:0;
					list-style-type: none;
					}
					
					#menu ul li {
						margin:0;
						float:left;
						border-right:2px groove #ffffff;
						line-height:26px
						}
						
					#menu ul li a {
						float:left;
						padding:0 9px 0 9px;
						display:block;
						color:#F90000;
						text-decoration:none;
						font-weight:bold;
						}
						
					#menu ul li a:hover {
						background-image:url(../images/menu_actif.png);
						color:#999999;
						}
						
					#menu ul li a.actif {
						background-image:url(../images/menu_actif.png);
						color:#000000;
						}
			
		#titre {
			position:absolute;
			top:-5000px;
			left:-5000px;
			}
		
		#banniere {
			height:300px;
			border-bottom: 1px solid #9c9c9c;
			border-top: 1px solid #fff;
			}
			
				#concours {
					float:right;
					height:300px;
					width:425px;
					}
				
				#citation {
				height:100px;
				width:470px;
				margin-top:175px;
				margin-left:34px;
				}
			
		#acces_rapide {
			height:150px;
			border-top:20px solid #f9f9f9;
			border-bottom: 20px solid #eaebea;
			background-image:url(../images/acces_rapide_fond.png);
			}
			
				#bloc1
					{
					padding:0 19px 0 19px;
					float:left;
					width:197px;
					height:140px;
					border-right:2px groove #ffffff;
					}
					
				#bloc2
					{
					padding:0 19px 0 19px;
					float:left;
					width:197px;
					height:140px;
					border-right:2px groove #ffffff;
					}
					
				#bloc3
					{
					padding:0 19px 0 19px;
					float:left;
					width:197px;
					height:140px;
					border-right:2px groove #ffffff;
					}
					
				#bloc4
					{
					padding:0 19px 0 19px;
					float:left;
					width:199px;
					height:140px;
					}
		
		#ombre {
			height:12px;
			background-image:url(../images/ombre.png);
			background-repeat:repeat-x;
			}
			
		#faq {
			float:left;
			padding:15px 20px 20px 20px;
			min-height:300px;
			width:210px;
			background-color:#fff;
			}
			
			#faq #detail {
				width:auto;
				height:auto;
				background-image:url(../images/detail_fond.png);
				padding:10px 10px 15px 10px;
				}
					#faq #detail li {
						color:#F90000;
						font-weight:bold;
						}
						
							#faq #detail li a{
								text-decoration:none;
								}
							
							#faq #detail li a:hover{
								color:#000000;
								}
								
			#formationprofessionnelleplus {
				text-align:center;
				}
			
		#contenu {
			float:right;
			width:660px;
			min-height:300px;
			padding:10px 30px 10px 10px;
			background-color:#fff;
			font-size:1.15em;
			line-height:1.5em;
			}
			
		#retour {
			width:660px;
			height:20px;
			line-height:22px;
			background-color:#e0e0e0;
			padding-left:7px;
			border-bottom:4px solid #ccc;
			margin-top:30px;
			}
	
#footer {
	clear:both;
	width:1000px;
	height:42px;
	line-height:26px;
	background-image:url(../images/footer_fond.png);
	text-align:center;
	background-color:#f2f2f2;
	}
	
#boutons {
	background-color:#f2f2f2;
	padding-left:25px;
	}
	
	
/* MISE EN FORME DU CONTENU ############################################################################## */

h1 {
	margin: 0 0 20px 0;
	padding: 10px 0 0 0 ;
	color:#F90000;
	font-size:2em;
	line-height:normal;
	}
		
h2 {
	margin:20px 0 3px 0;
	font-size:1.4em;
	line-height:normal;
	color:#666666;
	}
	
	#faq h2 {
		margin: 0 0 8px 0;
		padding: 10px 0 0 0 ;
		color:#999999;
		font-size:1.75em;
		text-transform:uppercase;
		}
		
			#faq #detail h2 {
				color:#666;
				padding:0;
				margin-bottom:8px;
				text-transform:none;
				}
	
	#acces_rapide h2 {
		margin:0;
		padding:0;
		font-weight:bold;
		color:#F90000;
		font-family:"Trebuchet MS", Georgia, "Times New Roman", Times, serif;
		font-size:1.4em;
		margin-bottom:5px;
		}
	
h3 {
	color:#000000;
	font-size:1.1em;
	border-left:10px solid #f90000;
	padding-left:5px;
	line-height:normal;
	}
	
a  {
	color:#666666;
	}
	
	#footer a {
		text-decoration:none;
		}
	
	a.news  {
		text-decoration:none;
		}
		
	#retour a {
		font-weight:bold;
		text-decoration:none;
		}
	
a:hover{
	color:#F90000;
	}
	
p {
	margin:0 0 15px 0;
	text-align:left;
	}
		
		p.signature {
			font-style:italic;
			font-weight:bold;
			font-size:0.9em;
			text-align:right;
			line-height:1.2em;
			}
			
		p.chapeau {
			font-weight:bold;
			font-size:1.2em;
			color:#999999;
			line-height:normal;
			margin-bottom:25px;
			}
			
		p.important {
			color:#ff0000;
			font-weight:bold;
			}
			
		#citation p {
			font-weight:bold;
			font-size:1.55em;
			font-style:italic;
			color:#999999;
			margin-bottom:5px;
			}
			
			#citation p.auteur {
				font-size:1em;
				font-style:normal;
				color:#000000;
				text-align:right;
				margin-right:75px;
				}
	
ul {
	margin:0;
	padding:0;
	padding-left:14px;
	list-style-type:square;
	}
	
	#contenu ul {
		list-style-image:url(../images/puce_rouge.png);	
		margin-bottom:17px;
		padding-left:17px;
		}
		
ol {
	margin:0;
	padding:0;
	padding-left:25px;
	}
			
li {
	color:#000000;
	margin:0 0 3px 0;
	padding:0;
	}
	
	#contenu li {
		margin-top:12px;
		}
	
hr {
	margin:26px 0 16px 0 ;
	}
	
	#faq hr {
		margin:20px 0 5px 0;
		border:0;
		border-top:6px solid #e0e0e0;
		}
	
form fieldset {
	margin: 0;
	padding: 0;
	border: 0;
	}

input, textarea, select {
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	font-size:1em;
	margin-bottom:5px;
	}
	
input:focus, textarea:focus, select:focus {
	background-color:#efefef;
	color:#000000;
	}
	
input.submit {
	margin-top:16px;
	font-weight:bold;
	border:0;
	background: transparent url('../images/submit.gif') repeat-x top left;
	height:25px;
	border:1px solid #ccc;
	color:#666;
	}
	
label{
	display: inline;
	float: left;
	width: 160px;
	text-align:left;
	margin-right: 10px;
	}
	
img	{
	border:0;
	}
	
		#contenu img {
			float:left;
			margin: 0 20px 10px 0;
			}
			
		#contenu img.normal {
			float:none;
			margin: 16px 0 16px 0;
			}
			
		#contenu img.cards {
			float:none;
			margin: 0;
			}
	
#map {
	width:667px;
	height:400px;
	}
	
table.concours tr td  {
	border-right:1px solid #cccccc;
	}
	
table tr.heure td {
	border-top:3px solid #cccccc;
	}
	