/*Body*/
body {
	font: 62.5% 'Trebuchet MS', Arial, 'Geneva',Helvetica, sans-serif;
	margin: 0; padding: 0;
	/*background: #61677D url(../medias/global/bgBody.gif) no-repeat 0 0;*/
	background: #5d8eea url(../medias/global/fondjour.jpg) no-repeat 0 0;
	}
		
/*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;
	/*background: #888D9D url(../medias/global/bgContent.jpg) no-repeat 0 80px;*/
	background:#CCDBF7;
	margin: 0 auto 0 auto;
	position: relative;
	}

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

#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: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:195px;
		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;
		}


#visPrepCarte {
		position:absolute;
		top:160px; left:580px;
		padding:0; margin:0;
		}


#questions {
		position:absolute; 
		top:375px;
		left:30px;
		width:508px; height:170px;
		background: transparent url(../medias/accueil/bgTest.gif) repeat-x 0 25px;
		padding:0; margin:0;
		}
#questions .titprepVisit {
		width:508px; 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: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 0 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: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;
	}