/* CSS Document */
.theme{
	width:28%;
	float:left;
	position:relative;
	margin:0 2% 2em 2%;
	}
*html .theme{
	margin:0 1% 2em 1%;
	}
.theme h3 {
	margin:0;
	font-size:100%;
	}
.theme h3 div{
	background:#72aa00 url(../img/fd-titre-theme.gif) right top no-repeat;
	margin:0;
	padding:0 12px 5px 0;
	text-align:center;
	color:#FFFFFF;
	min-height:40px;
	}
*html .theme h3 div {
	height:32px;
	line-height:1em;
	}
*+html .theme h3 div {
	min-height:32px;
	}
.theme h3 a{
	color:#fff;
	text-decoration:none;
	}
.theme h3 a:hover{
	text-decoration:underline;
	}
.paratheme {
	margin:0 0 10px;
	padding:10px;
	font-size:90%;
	border-left:1px dashed #73ab03;
	border-right:1px dashed #73ab03;
	border-bottom:1px dashed #73ab03;
	min-height:200px;
	}
* html .paratheme {
	height:200px;
	}
.paratheme a, .atoo a{
	text-decoration:none;
	color:#000000;
	}
.paratheme a:hover, .atoo a:hover{
	text-decoration:underline;
	}
.passline {
	clear:left;
	margin:0;
	padding:0;
	visibility:hidden;
	}
.theme .selectionner {
	border:0;
	margin: 0 0 15px 0;
	}
/*/////////////////////////////////// Page ATOO ///////////////////////*/
.atoo {
	width:28%;
	float:left;
	position:relative;
	margin: 0 2% 2em 2%;
	}
*html .atoo {
	margin: 0 1% 2em 1%;
	}
#h3atoo{
	background:#edfbc5;
	color: #6c9b08;
	font-size:110%;
	line-height:150%;
	padding:0 0 0 10px;
	}
.atoo h4{
	background:#f8b706 url(../img/fd-titre-atoo.png) right top no-repeat;
	line-height:30px;
	margin:0;
	padding:0;
	}
.bordg1 {
	display:block;
	float:left;
	}
.bordg {
	margin:0 15% 0 0;
	}
*html .bordg {
	margin:0 10px 0 0;
	}
.atootour {
	margin:0 0 10px;
	padding:0.5em;
	font-size:90%;
	border-left:1px dashed #dea304;
	border-right:1px dashed #dea304;
	border-bottom:1px dashed #dea304;
	min-height:36em;
	}
.introtoo {
	font-weight:bold;
	color: #6c9b08;
	font-size:100%;
	padding:0 0 0 1.5em;
	background:#fff url(../img/pucetheme2.png) top left no-repeat;
	display:block;
	}
.atoo ul{
	margin:0;
	padding:0;
	font-size:110%;
	}
.atoo li{
	list-style-type:none;
	background:#fff url(../img/pucetheme.gif) left top no-repeat;
	padding:0 0 0.5em 1.5em;
	margin:0 0 0.8em 0;
	border-bottom:1px solid #fbc637;
	color:#f8b200;
	font-weight:bold;
	}
.conclutoo {
	color: #6c9b08;
	font-size:100%;
	padding:0;
	background:#fff url(../img/p) top left no-repeat;
	display:block;
	}
/*/////////////////////////////////// ATOO Cycles///////////////////////*/
#menucycles {
	margin:0;
	padding:0 0 3px 0;
	border-bottom:1px solid #7ca800;
}
#menucycles ul {
	margin:0;
	padding:0;
	}
#menucycles li{
	display:inline;
	margin:0;
	padding:0;
	}
	
#menucycles li a{
	color:#fff;
	font-size:80%;
	text-decoration:none;
	background:#7ca800;
	padding:3px 7px;
	margin:0 2px 0 0;
	}
#menucycles li a:hover{
	text-decoration:none;
	background:#abdc28;

	}
#menucycles #selected{
	font-weight:bold;
	padding:3px 7px;
	color:#f8b200;
	font-size:90%;
	text-decoration:none;
	background:#fff;
	border-left:1px solid #edfbc5;
	border-top:1px solid #edfbc5;
	border-right:1px solid #edfbc5;
	margin:0 2px 0 0 ;
	}
#textcycle{
	margin:0 0 1em 0;
	padding:1em;
	border-left:1px solid #7ca800;
	border-bottom:1px solid #7ca800;
	border-right:1px solid #7ca800;
	min-height:9em;
	}
/*//////////////////////////ATOO CYCLES LE PROGRAMME///////////////////*/	
#lestage {

	margin:2em 0 0;
	padding:0 0 10px 0;
	border-bottom:1px solid #abdc28;
	}
#atoosuivi {
	width:48%;
	float:right;
	position:relative;
	margin:2em 0 0;
/*	border-bottom:1px solid #abdc28;*/
	padding:0 0 2em 0;
	}
#atooprat  {
	width:48%;
	float:left;
	position:relative;
	margin:2em 0 0;
/*	border-bottom:1px solid #abdc28;*/
	padding:0 0 0 0;
	}
#atooprat ul {
	margin:0;
	padding:0;
	}
#atooprat li{
	margin:0.6em 0 0 0;
	padding:0 0 0 1.8em;
	background:#fff url(../img/puce-atoo-pratique.gif) 0 0 no-repeat;
	list-style-type:none;
	}
#atooprat li a{
	text-decoration:none;
	color:#000;
	font-weight:bold;
}
#atooprat li a:hover{
	text-decoration:underline;
	}
#atooprat p{
	margin:0 0 1.8em 1.8em;
}
#tarif {
	margin:2em 0 0;
	float:right;
	position:relative;
	width:48%;
	}
#tarif p{
	background:#fff url(../img/fd-tarif.gif) top right no-repeat;
	line-height:4em;
	text-align:center;
	color:#7ca800;
	font-weight:bold;
	font-size:150%;
	}
#tarif img{
	float:left;
	}
.annulfloatatoo{
	clear:both;
	}
#lestage h5, #atoosuivi h5, #atooprat h5, #calendrier h5, #tarif h5, #praticdetail h6{
	background:#fff url(../img/puce-titre-programme.gif) top left no-repeat;
	font-size:110%;
	color:#f8b200;
	margin: 0 0 1.5em 0;
	padding:0 0 0.6em 1.5em;
	border-bottom:1px dashed #ccc;
	}
#titratootoo {
	background:#fff url(../img/puce-atoo-pratique.gif) top left no-repeat;
	font-size:110%;
	color:#7ca800;
	margin: 0 0 1.5em 0;
	padding:0 0 0.6em 1.5em;
	border-bottom:1px dashed #ccc;
	}
#praticprix h6, #stageprix h6{
	margin:1em 0 0 1em;
	padding:0 0 0.6em 1.5em;
	font-size:100%;
	background:transparent url(../img/puce-titre-programme.gif) top left no-repeat;
	border:0;
	color:#f8b200;
}
#calendrier {
	margin:2em 0 0;
	float:left;
	width:48%;
	position:relative;
	}
#calendrier  ul {
	list-style-type:none;
	margin:0;
	padding:0;
	}
#calendrier li {
	padding: 0 0 0 2em;
	margin:0 0 10px 0;
	background:#fff url(../img/pucedate.gif) top left no-repeat;
	}
#calendrier .stagelib{
	color:#85ac18;
	}
#calendrier .stagedate{
	color:#000;
	}
#calendrier #liencal {
	font-size:90%;
	color:#f8b200;
	font-weight:bold;
	text-decoration:underline;
	text-align:right;
	padding:3px;
	}
#calendrier a:hover#liencal {
	text-decoration:none;
	background-color:#f8b200;
	color:#FFFFFF;
	}
#modemploi {	
	margin:2em 1.3em 2em 0;
	float:right;
	}
#modemploi ul{
	list-style-type:none;
	margin:0;
	padding:0;
	}
#modemploi li {
	margin:0 auto;
	padding:0;
	display: inline;
	}
#modemploi li a img{
	border:0;
	}
/*///////////////Page Atoo Pratiques ////////////////////*/
#atoopratic  {
	width:100%;
	float:left;
	position:relative;
	margin:2em 0 ;

	padding:0 0 0 0;
	}
#atoopratic  img{
	border:0;
	}
#atoopratic ul {
	margin:0;
	padding:0;
	}
#atoopratic li{
	margin:0.6em 0 0 0;
	padding:0 0 0 1.8em;
	background:#fff url(../img/puce-atoo-pratique.gif) 0 0 no-repeat;
	list-style-type:none;
	}
#atoopratic li a{
	text-decoration:none;
	color:#000;
	font-weight:bold;
}
#atoopratic li a:hover{
	text-decoration:underline;
	}
#atoopratic p{
	margin:0 0 1em 1.8em;
}
#atoopratic div{
	margin:0.6em 0 1em 0;
	padding:0 0 1.8em 1.8em;
	border-bottom:1px solid #abdc28;
	}
#atoopratic .tarif{
	margin:0 ;
	color:#7ca800;
	/*font-size:110%;*/
	padding:0;
	line-height: 23px;/*2em;*/
	}
 #praticdetail h5{
	background:#fff url(../img/puce-atoo-pratique.gif) top left no-repeat;
	font-size:110%;
	color:#7ca800;
	margin: 0 0 1.5em 0;
	padding:0 0 0.6em 1.5em;
	border-bottom:1px dashed #ccc;
	}
#praticdetail p{
	margin:0 0 2em 0;
	}
#praticprix, #stageprix {
 float:right;
/* border:1px solid #000;*/
 background:#f5f5f5 url(../img/fd-tarif-pratic.png);
height: 120px;
 width:200px;
 margin : 0 0 0 1em;
 position:relative;
}
#praticprix ul, #stageprix ul{
	list-style-type:none;
	margin:0 0 0 1em;
	padding:0;
	}
#praticprix li, #stageprix li{
	color:#7ca800;
	font-weight:bold;
	font-size:115%;
	}
#stageprix li{
		font-size:150%;
		}
.fdtarifs {
		background:#fff url(../img/fd-prixliste-prat2.gif) 0 0 no-repeat;
		/*height:3em;
		width:10.7em;
		padding:0;
		text-align:center;*/
                height: 58px;
		width:  137px;
		padding:0;
		text-align:center;
                font-size: 14px;
}
.fdtarifs2 {
		background:#fff url(../img/fd-tarif-cycles.png) 0 0 no-repeat;
		height:42px;/*3.3em;*/
		width:137px;/*10.7em;*/
                font-size: 14px;
		padding:0;
		text-align:center;
}
.fdtarifs3 {
		background:#fff url(../img/fd-tarif-cycles.png) 0 0 no-repeat;
		height:42px;/*3.3em;*/
		width:137px;/*10.7em;*/
                font-size: 14px;
                padding:0;
		text-align:center;
}
/*html* .fdtarifs {
		width:11em;
		}*/
/*/////////////////////: Atoo Stages ////////////////////////////:*/

#atoostage  {
	width:100%;
	float:left;
	position:relative;
	margin:2em 0 ;

	padding:0 0 0 0;
	}
#atoostage  img{
	border:0;
	}
#atoostage ul {
	margin:0;
	padding:0;
	}
#atoostage li{
	margin:0.6em 0 0 0;
	padding:0 0 0 1.8em;
	background:#fff url(../img/puce-atoo-pratique.gif) 0 0 no-repeat;
	list-style-type:none;
	}
#atoostage li a{
	text-decoration:none;
	color:#000;
	font-weight:bold;
}
#atoostage li a:hover{
	text-decoration:underline;
	}
#atoostage p{
	margin:0 0 1em 1.8em;
}
#atoostage div{
	margin:0.6em 0 1em 0;
	padding:0 0 1.8em 1.8em;
	border-bottom:1px solid #abdc28;
	}
#atoostage hr{
	margin:0.6em 0 1.5em 0;
	padding:0;
	border:0;
	border-bottom:1px solid #abdc28;
	}
#atoostage .tarif{
	margin:0 3em 0 0;
	color:#7ca800;
	font-weight:bold;
	font-size:110%;
	line-height:2em;
	vertical-align: super;
	}
/*///////////*/
#cartouchvert, #cartouchor, #cartouchbleu, #cartouchatoo, #cartouchviolet, #cartouchrouge {
	margin:0 0 2em 0;
	}

#fondtitrevert {
	background:#96BF0D url(../img/fond-titre-vert.gif) top right no-repeat;
	color:#fff;
	margin:0;
	padding:0;
	}
#fondtitrevert a, #fondtitreor a, #fondtitrebleu a, #fondtitreviolet a, #fondtitrerouge a {
	color:#fff;
	text-decoration:none;
	}
#fondtitrevert h3, #fondtitreor h3, #fondtitrebleu h3, #fondtitreviolet h3,#fondtitrerouge h3 {
	font-size:110%;
	}
#fdtxtvert{
	background:#effdc6 url(../img/fond-forma-vert.jpg) top left no-repeat;
	padding:1em 2em;
	}
#fdsavoirvert{
    font-size: 13px;
	background:#effdc6 url(../img/fond-savoir-plus.gif) top right no-repeat;
	}
#fdsavoirvert a{
	float:right;
	color:white;
	margin:0 0.5em 0 0;
	text-decoration:none;
	font-weight:bold;
	}	
#fondtitreor {
	background:#f8b200 url(../img/fond-titre-or.gif) top right no-repeat;
	color:#fff;
	margin:0;
	padding:0;
	}
#fdtxtor{
	background:#fdf0cb url(../img/fond-forma-or.jpg) top left no-repeat;
	padding:1em 2em;
	}
#fdsavoiror{
    font-size: 13px;
	background:#fdf0cb url(../img/fond-savoir-plus-or.gif) top right no-repeat;
	}
#fdsavoiror a{
	float:right;
	color:white;
	margin:0 0.5em 0 0;
	text-decoration:none;
	font-weight:bold;
	}
#fondtitrebleu {
	background:#1d98cf url(../img/fond-titre-bleu.gif) top right no-repeat;
	color:#fff;
	margin:0;
	padding:0;
	}
#fdtxtbleu{
	background:#c7ebfa url(../img/fond-forma-bleu.jpg) top left no-repeat;
	padding:1em 2em;
	}
#fdsavoirbleu{
    font-size: 13px;
	background:#c7ebfa url(../img/fond-savoir-plus-bleu.gif) top right no-repeat;
	}
#fdsavoirbleu a{
	float:right;
	color:white;
	margin:0 0.5em 0 0;
	text-decoration:none;
	font-weight:bold;
	}


/** ABMODIFIED **/
#fondtitreviolet {
	background:#663366 url(../img/fond-titre-violet.gif) top right no-repeat;
	color:#fff;
	margin:0;
	padding:0;
	}
#fdtxtviolet{
	background:#DACEDA url(../img/fond-forma-violet.jpg) top left no-repeat;
	padding:1em 2em;
	}
#fdsavoirviolet{
    font-size: 13px;
	background:#DACEDA url(../img/fond-savoir-plus-violet.gif) top right no-repeat;
	}
#fdsavoirviolet a{
	float:right;
	color:white;
	margin:0 0.5em 0 0;
	text-decoration:none;
	font-weight:bold;
	}

/** YFMODIFIED **/
#fondtitrerouge {
	background:#ed1b24 url(../img/fond-titre-rouge.gif) top right no-repeat;
	color:#fff;
	margin:0;
	padding:0;
	}
#fdtxtrouge{
	background:#ff9999 url(../img/fond-forma-rouge.jpg) top left no-repeat;
	padding:1em 2em;
	}
#fdsavoirrouge{
    font-size: 13px;
	background:#ff9999 url(../img/fond-savoir-plus-rouge.gif) top right no-repeat;
	}
#fdsavoirrouge a{
	float:right;
	color:white;
	margin:0 0.5em 0 0;
	text-decoration:none;
	font-weight:bold;
	}


	
/*///////////*/
#fondtitreatoo {
	background:#fff url(../img/fond-titre-atoo.gif) top right no-repeat;
	color:#fff;

	margin:0;
	padding:0;
	}
#fdtxtatoo{
	background:#fff url(../img/fond-forma-atoo.gif) top left no-repeat;
	padding:1em 2em;
	border-right:1px solid #DDA303;
	}
#fdsavoiratoo{
	background:#fff url(../img/fond-savoir-plus-atoo.gif) top right no-repeat;
        font-size: 13px;
	}
#fdsavoiratoo2{
	background:#fff url(../img/fond-savoir-plus-atoo2.gif) top right no-repeat;
	}
#fdsavoiratoo a{
	float:right;
	color:white;
	margin:0 0.5em 0 0;
	text-decoration:none;
	font-weight:bold;
	}
#fondimgatoo{
	background:#fff url(../img/fond-image-atoo.gif) top left repeat;
}
.atoo2 ul{
	margin:0;
	padding:0;
	font-size:100%;
	}
.atoo2 li{
	list-style-type:none;
	background:#fff url(../img/pucetheme.gif) left top no-repeat;
	padding:0 0 0.3em 1.5em;
	margin:0 0 0.8em 0;
	border-bottom:1px solid #fbc637;
	color:#f8b200;
	font-weight:bold;
	}
#contentmode {
	font-size:small;
	position:relative;
	margin:0 5%;
	padding:0 3%;
	background:#fff;
	}
.complet{
	color:#fff;
	background-color:#f8b200;
	padding: 0.1em 0.3em;
	font-size:90%;
	font-weight:bold;
	}