/*Body*/
	body {
		font: 62.5% 'Trebuchet MS', Arial, 'Geneva',Helvetica, sans-serif;
		margin: 0; padding: 0;
	background-color:#C6E7FA;
		}
		
	/*Raz*/
	h1,h2,h3,h4,h5,h6,p,ul,form,input,fieldset {
		font-size: 1em; font-weight: normal;
		margin: 0; padding: 0;
		list-style: none; color:#000;
		}
	a {font-size: 1em; color:#F96611; font-weight: normal;}
	input, select, textarea {color:#000; font-size: 10px;}
	img {border: 0;}
	#content #col2 li{color:#5165A0 !important;}

	/*Classes communes*/
	.break {
		clear: both;
		height: 0; font-size: 1px;
		visibility: hidden;
		width: 100%;
		}

	/*Mise en page globale
	-------------------------*/
	#page {
		width: 950px;
		overflow: hidden;
		margin: 0 auto 0 auto;
		position: relative;
		background: #DFE3EF url(../medias/global/degradfon.jpg) repeat-x 0 80px;
		}

	#header {
		width:950px; height:80px;
		overflow: hidden;
		background: transparent url(../medias/global/bgEntete.jpg) no-repeat 0 -40px;
		}

	#footer {
		clear: both;
		text-align:center;
		}

	/*Entete
	-----------------------------*/

	/*Logo*/
	#header #logo a {
		width: 67px; height: 80px;
		float:right;
		}

	/*Navigation*/

	#header #titH1 {
		/*float:left;*/
		position:absolute; 
		top:-8px; /*top:0; */left:20px;
		width:227px; height:90px;
		background: transparent url(../medias/accueil/logoPrepaCode.png) no-repeat 0 0;
		font-size:1.8em; font-weight:bold; color:#0A2577;
		padding:0 0 0 22px; margin:0;
		}

	/*Content
	------------------------------*/
	#content {
		float:left;	width:950px; 
		padding:0; margin:0;
		}

	/*Home
		-----------------------------*/
	#prepAcces {
		float:left;
		width:508px; height:185px;
		background: transparent url(../medias/accueil/bgPrepAcces.gif) repeat-x 0 55px;
		padding:0; margin:0;
		}
	#prepAcces .titprepAcces {
			width:508px; height:55px;
			background: transparent url(../medias/accueil/titPrepAcces.gif) repeat-x 0 0;
			padding:0; margin:0;
			text-indent: -1000em;
			}
	#prepAcces .txtVert {
			font-size:11px; color:#3c4c08; line-height:13px;
			padding: 0 20px 0 40px;
			}
	#prepAcces .pititxtVert {
			font-size:10px; color:#3c4c08;
			padding: 2px 20px 2px 40px;
			}
	.lienVert {
			font-size:10px; color:#3c4c08;
			padding: 0 0 0 40px !important;
			}
	#prepAcces .btnValid {
			position:relative; top:0; left:370px;
			border:none;
			width:90px;
			height:40px;
			display:block;
			background: url(../medias/accueil/btnValider.gif) no-repeat 0 0;
			padding:0; margin:0;
			}
	#prepAcces .red {
			font-size:9px; color:red; line-height:11px;
			padding:0 0 0 40px; margin:0;
			}
	#prepAcces .lien {
			font-size:10px; color:#000;
			padding: 0 0 0 40px !important;
			}
		
	#prepCarte {
			float:left;
			width:366px; height:350px;
			background: transparent url(../medias/accueil/bgPrepaCarte.gif) repeat-x 0 55px;
			padding:0; margin:0 0 0 10px;
			}
	#prepCarte .titprepCarte {
			width:366px; height:55px;
			background: transparent url(../medias/accueil/titPrepaCarte.gif) repeat-x 0 0;
			padding:0; margin:0;
			text-indent: -1000em;
			}
	#prepCarte .txtBlanc1 {
			font-size:12px; color:#FFF;
			padding: 30px 30px 0 35px;
			}
	#prepCarte .visCarte {
		  display:block;
			padding:10px 0 0 30px; margin:0;
			}
	#prepCarte .btnQuestions {
			position:relative; top:20px; left:105px;
			height:40px;
			display:block;
			background: url(../medias/accueil/btnCode.gif) no-repeat 0 0;
			padding:5px 0 0 30px !important; margin:5px 0 0 0;
			text-indent: -1000em;
			}		

	#prepCarteB {
			float:left;
			width:508px; height:200px;
			background: transparent url(../medias/accueil/bgPrepaCarteB.gif) repeat-x 0 55px;
			padding:0; margin-left:0;
			}
		
	#form01 #OutilWeb {
	    float: left;
			background-color: #D3D6DC;
			padding:0 0 0 10px; 
			font-size: 1.3em;
	    }
	.break { clear: both;line-height: 1%; visibility: hidden}			
		
	#prepCarteB .titprepCarteB {
			width:508px; height:55px;
			background: transparent url(../medias/accueil/titPrepaCarteB.gif) no-repeat 0 0;
			padding:0; margin:0;
			text-indent: -1000em;
			}
	#prepCarteB .txtVert {
			font-size:11px; color:#FFF; line-height:13px;
			padding: 2px 20px 0 40px;
			}
	#prepCarteB .pititxtVert {
			font-size:10px; color:#3c4c08;
			padding: 2px 20px 2px 40px;
			}
	#prepCarteB .lien {
			font-size:10px; color:#000;
			padding: 0 0 0 40px !important;
			}
	#prepCarteB .btnValid {
		position:relative; top:0; left:370px;
		border:none;
		width:90px;
		height:40px;
		display:block;
		background: url(../medias/accueil/btnValidezB.gif) no-repeat 0 0;
		padding:0; margin:0;
		}

	#prepCarteB .red {
		font-size:9px; color:red; line-height:11px;
		padding:0 0 0 40px; margin:0;
		}

	
	.clear {clear: both;}
	.col2_prepCarteB {height: auto!important;}
	#visPrepCarte {
	/*
	position:absolute;
	top:160px; left:580px;
	padding:0; margin:0;*/
	}
	.table_prepCarte {
	/*
	position: absolute;
	width: 510px; height: 250px;
	border: 1px red solid;*/
	}
	
	.table_prepCarte, #visPrepCarte {float: left;} 

	#questions {
		position:absolute; 
		top: 320px; /*top:375px;*/ left:30px;
		width:508px; height:160px; /*height:170px;*/
		background: transparent url(../medias/accueil/bgTest.gif) repeat-x 0 25px;
		padding:0; margin-top:40px;
		}
	#questions .titprepVisit {
		width:508px; height:50px; /*height:55px;*/
		background: transparent url(../medias/accueil/titVisite.gif) repeat-x 0 0;
		padding:0; margin:0;
		text-indent: -1000em;
		}	
	#questions .txtBlanc2 {
			font-size:11px; line-height: 16px; color:#FFF; 
			padding: 0 20px 0 40px;
			}
	#questions .btnCode {
		position:relative; top:22px; left:300px;
		width:163px;
		height:40px;
		display:block;
		background: url(../medias/accueil/btnEssai.gif) no-repeat 0 0;
		padding:5px 0 0 0; margin:5px 0 0 0;
		text-indent: -1000em;
		}
		
		
	/* COLONNE2 
*/	
	#content #col2 {
		height: 440px; /*height:460px;*/
		background: #FFF url(../medias/accueil/bgCol3.gif) repeat-x 0 0;
		padding:0; margin:15px 20px;
		}

	#content #col2Outil {
		height:760px !important;
		background: #FFF url(../medias/accueil/bgCol3.gif) repeat-x 0 0;
		padding:0; margin:15px 20px;
		}

	#content #col2 .titH2, #content #col2Outil .titH2 {
		display:block;
		font-size:18px; font-weight:bold; color:#3f4351;
		padding:10px 0 0 15px; margin:0;
		}

	#content #col2 ul {
		padding:0 0 5px 20px; margin:0;	
		}

	#content #col2 li {
		font-size:1.1em; line-height:1.3em; text-decoration: none;
		padding:0 0 0 20px; margin:0;
		}

	#content #col2 a {
		padding:0 0 0 5px; margin:0;
		text-decoration: none;
		}

	#content #col2 a:hover {
		text-decoration: underline
		}

	#content .textIntro {
		display:block;
		padding:5px 15px; margin:0;
		color:#3f4351;
		background-color:#FFF;
		font-size:12px; line-height:16px;
		}
	
	#content .back {
		display:block;
		float:right;
		padding:0; margin:10px 0;
		}

	#content #col2 a.lancement{
		float:left; width:200px;
		text-align:center;
		padding:2px 10px; margin:5px 0 0 8px;
		background-color:#f96714;
		border: 1px #f96714 solid;
		color:#fff; font-weight:bold !important;
		font-size: 1.1em; 
		}
		
	#content #col2 a.lancement:hover{
		border: 1px #f96714 solid;
		background-color:#fff;
		color:#f96714; font-weight:bold;
		text-decoration: none !important;
		}

	#content #col2 a.bouton {
		background-color: #d5e1f7;
		font-size: 1.1em;
		font-weight: bold;
		color: #8492bb;
		margin:0; padding:2px 5px;
		}

	#content #col2 a:hover.bouton {
		text-decoration:none;
		background-color: #8492bb;
		font-size: 1.1em;
		font-weight: bold;
		color: #FFF;
		margin:0; padding:2px 5px;
		}
	
	/*Formulaire-Tableau
		-----------------------------*/

	#form01 {
		padding:0 0 4em 10px !important; margin:0 !important;
		}

	.textRouge {
		padding:5px 0; margin:0;
		color:#f96714; font-weight:bold;
		font-size:11px;
		}
	
	.tabColBleu {
		padding:0; margin:0;
		color:#0a2478;
		background-color:#f2f7fd;
		}

	.h3Bleu {
		padding:2px 5px; margin:0;
		color:#0a2478;
		font-size:10px; font-weight:bold;
		}
	
	.textBleu {
		padding:2px 5px; margin:0;
		color:#0a2478;
		font-size:11px;
		}

	.textPetit {
		font-style:italic;
		padding:2px 5px; margin:0;
		color:#0a2478;
		font-size:10px;
		}
	/*-----------------------------
	Pied de page
	-----------------------------*/
	#footer {
		padding:0; margin:0;
		}
	#footer ul {
		padding:0; margin:0;
		}

	#footer #navbas {
		overflow:hidden;
		padding: 0 0 5px 0;
		/*padding:20px 0;*/ 
		margin:20px 0 0 0;
		}
	
	#footer ul li {display: inline}

	#footer li a {
		color:#0A2478;
		padding:0; margin:0;
		text-align:center; text-decoration: none;
		height: 20px;
		font-size:12px;
		}