body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #016191;
	margin:0px;
	padding:0px;
}


a {
	color: #016191;
	text-decoration:none;
}

a:hover{
	color: #9CD100;
	text-decoration:none;
}


#page {
	margin: 0 auto;
	height: 750px;
	width: 955px;
}

.fond1 {
	background:url(images/bg.jpg) repeat-x;
}

.fond2 {
	background:url(images/bg2.jpg) repeat-x;
}

#headear {
	height: 114px;
	width: 955px;
	float:left;
	background-image: url(images/fond_header.jpg);
}



/****** MENU ******/

#menu_acc {
	float: left;
	height: 22px;
	width: 955px;
	background-image: url(images/bar_verte.jpg);
	background-repeat: no-repeat;
	padding-top:4px;
}


#menu_acc a {
	color:#FFF;
	font-size:16px;
	font-weight:bold;
	margin: 0 20px 0 40px ;
	background-image:url(images/fleche_menu.gif);
	background-repeat:no-repeat;
	background-position:0 50% ;
	padding-left:15px;
	letter-spacing:3px;
}


#menu_acc a:hover {
	color:#016191;
}


#menu_nav {
	float: left;
	height: 22px;
	width: 955px;
	background-image: url(images/bar_verte.jpg);
	background-repeat: no-repeat;
	padding-top:4px;
}


#menu_nav a {
	color:#FFF;
	font-size:16px;
	font-weight:bold;
	margin: 0 20px 0 40px ;
	background-image:url(images/fleche_menu.gif);
	background-repeat:no-repeat;
	background-position:0 50% ;
	padding-left:15px;
	letter-spacing:3px;
}


#menu_nav a:hover {
	color:#016191;
}




/***********/
#visuel_bleu {
	float: left;
	width: 924px;
	padding: 67px 0 60px 31px;
	background-image: url(images/visuel_accueil.jpg);
	background-repeat: no-repeat;
}

#visuel_bleu img {
	display:block;
}

#degrade {
	float: left;
	height: 23px;
	width: 955px;
	background-image: url(images/pix_degr.jpg);
	background-position: left;
}
#content {
	float: left;
	width: 955px;
}


/******Encart vert**********/

#encart_vert {
	float: left;
	height: 262px;
	width: 342px;
	padding:10px  0 0 40px;
}

#encart_vert h3 {
	background-image: url(images/fleche.gif);
	background-repeat: no-repeat;
	background-position: left;
	font-size: 14px;
	color: #9CD100;
	padding-left: 15px;
	display:inline;
}

.align {
	vertical-align:middle;
}

.photo {
	float:right;
	
}
/*//////bloc  Récupération de vos points \\\\\*/

#recup {
	float: left;
	width: 300px;
	padding:10px  35px 0 0;
}

#recup h3 {
	background-image: url(images/guillemet1.gif);
	background-repeat: no-repeat;
	background-position: left;
	font-size: 14px;
	color: #9CD100;
	padding:0 10px 0  25px;
	display:inline;
}


#recup p {
	font-weight:bold;
	 margin:10px 0 0 0 ;
	 line-height:13px;

}

#recup ul {
	 list-style:none;
	 padding:10px 0 0 0 ;
	 margin:0;
}

#recup .none {
 	background-image:none;
}


#recup li {
	background: url(images/fleche2.gif) no-repeat 0 3px;
	padding-left:15px;
	font-weight:bold;
	padding-bottom: 10px;
}

#recup li a{
	color:#016191;

}
#recup li a:hover{
	color:#9CD100;

}


/*//////bloc  droit  (photo + faq + contact)\\\\\*/

#bloc_faq_contact {
	float: left;
	height: 242px;
	width: 238px;
	padding:30px 0 0 0px  ;
	
}

#bloc_faq_contact  h3{
	background: url(images/puce.gif) no-repeat 0 40% ;
	font-size: 14px;
	padding-left:10px;
	margin:13px 0 10px 0;
}
/*////// MENU  FOOTER \\\\\*/
#menu_bas{
clear:left;
	height: 14px;
	width: 955px;
	text-align: center;
	word-spacing:3px;
	padding-top:2px;
	
}

#menu_bas a,span{
	font-weight:bold;
}

#menu_bas em{
	color:#C2E400;
	font-weight: normal;
	font-style:normal;
}


/*//////logo toptech\\\\\*/

#footer{
	float: left;
	height: 50px;
	width: 955px;
	padding-top:10px;
}

#footer p{
margin:0;
}

#footer a{
	font-size:10px;
	color:#000;
	border:none;

}

#footer a:hover{
	color:#9BCF01;
}




/* +++++++ PAGE STAGE +++++++*/

#visuel_stage {
	float: left;
	height: 122px;
	width: 955px;
	background-image: url(images/visuel_stage.jpg);
	background-repeat: no-repeat;
}




/***BLOC DEPARTEMENTS ******/



#departements {
	float: left;
	height: 385px;
	width: 354px;
	padding-left:20px;
	padding-top:10px;
	font-weight:bold;
}

#departements h3 {
	background-image: url(images/guillemet1.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding:0 6px 0  25px;
	font-size: 14px;
	color: #9CD100;
	display:inline;
}



#departements p {
	padding:15px 0 0  25px;
	margin:0 ;
}

#departements ul {
	padding:15px 0 0  25px;
	margin:0 ;
	list-style:none;
	height:200px;
	width:150px;
	float:left;
	
}

#departements li {
	height:18px;
	font-size:11px;
	background:url(images/puce.gif) no-repeat 0 4px;
	padding-left:7px;
}

#inscrivez {
	float:right;
	height:30px;
	width:319px;
	background-image: url(images/cadre_bleu.gif);
	background-repeat: no-repeat;
	background-position: left;
	margin-top:30px;
	padding: 10px 0 0 10px ;
}


#inscrivez a{
	color:#FFF;
	font-size:16px;
}

#inscrivez a:hover{
	font-size:16px;
	color:#FF8A00;
}

/***BLOC DEROULEMENT DE STAGE ******/

#deroulement {
	float: left;
	/*height: 395px;*/
	width: 262px;
	padding:10px 0 10px 60px;
}
#auto {
	float: left;
	width: 250px;
}

#auto img{
	float: left;
	margin-right:10px;
}

#auto p{
	font-size:13px;
	margin:5px 0 5px  0;
}

#auto h3{
	font-size:13px;
	margin:  0;
}

#cadre_candidats {
	clear:left;
	float: left;
	width: 214px;
	/*height:267px;*/
	background-image:url(images/pix.gif);
	margin-top:40px;
	
}

#cont_candidats {
	background-image: url(images/fond_cadre_candidats.gif);
	background-position: top;
	float: left;
	/*height: 211px;*/
	width: 200px;
	background-repeat: no-repeat;
	padding:70px 7px 0 7px ;
	
}

#cont_candidats h3 {
	font-size:13px;
	margin:  0;
}


#cont_candidats p {
	
	margin: 10px  0 0 0  ;
}



#bas_cadre_candidats {
	float: left;
	clear:left;
	width: 214px;
	height:6px;
}

/****bloc Récupération de point sur le site Web ***/


#recup_point {
	float: left;
	width: 259px;
	padding-top:10px;
}

#recup_point  p{
margin:12px 0 12px 0 ;
}




#bloc_reglementation {
	float: left;
	/*height: 265px;*/
	width: 214px;
	background-image:url(images/pix2.gif);
	

}

#cont_reglementation {
	float: left;
	width: 197px;
	background-image:url(images/brd_haut.gif);
	background-position:top;
	background-repeat:no-repeat;
	padding:10px 7px 35px 10px ;
}


#cont_reglementation h3{
	font-size:13px;
	margin:  0;
}

#cont_reglementation h3 a:hover{
color:#FF8A00;
	
}

#cont_reglementation p{
	margin: 15px  0 0 0 ;

}


#brd_bas {
	float: left;
	height: 8px;
	width: 214px;
	background-image:url(images/brd_bas.gif);
	background-position:0 100%;
	background-repeat:no-repeat;

}

/* +++++++ PAGE CONTACT +++++++*/

#visuel_contact {
	float: left;
	height: 122px;
	width: 955px;
	background-image: url(images/visuel_contact.jpg);
	background-repeat: no-repeat;
}


#bloc_adresse {
	float: left;
	height: 379px;
	width: 273px;
	background-image:url(images/trait.gif);
	background-position:100% 0%;
	background-repeat:no-repeat;
	padding: 10px 0 20px 30px;

}

#bloc_adresse h3 {
	background-image: url(images/guillemet1.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding:0 10px 0  25px;
	font-size: 14px;
	color: #9CD100;
	display:inline;
}



#bloc_adresse p {
	margin:15px 0 0 0 ;
	font-size:16px;
	font-weight:bold;
	line-height:25px;

}

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



#bloc_form_carte{
	float: left;
	height: 379px;
	width: 622px;
	padding: 10px 0 0 30px;
}



/******* formulaire *****/
#formulaire{
	float:left;
	width:350px;
	padding:50px 0 0 0;
}

#formulaire p{
	margin:0 0 1px 0; 
	width:350px;
	float:left;
	display:block;
}

#formulaire p.right{
	margin:0 0 1px 0; 
	width:350px;
	float:left;
	display:block;
	text-align:right;
	padding-top:10px;
}
 
#formulaire span{
	float:left;
	font-weight:normal;
}
 
#formulaire em{
	color:#FF0000;
}

#formulaire .question{
	padding-top:50px;
}
 
#formulaire input{
	float:right;
	border:1px solid  #7F9DB9;
	width:230px;
	color: #016191;
	
	
}
 
#formulaire textarea{
	float:right;
	border:1px solid  #7F9DB9;
	width:230px;
	height:130px;
	color: #016191;
}

#formulaire .bout{
	width: auto;
	height:auto;
	border:none;
	text-align:right;
	padding-top:10px;
	

	
}



/*********************/
#carte{
	float:left;
	padding:50px 0 0 60px;
	
}

#carte p{
margin:20px 0 0 0 ;
	
}

#carte a{
color:#ADD633;
}

#carte a:hover{
color:#FF8A00;
}

#carte .intervention{
	text-align:center;
	font-weight:bold;
	font-size:18px;
	color:#ADD633;
	
}