body {
	background-image: url(images-cfa/fondBody.gif);
	background-repeat: repeat-y;
	background-position: center top;
	background-color: #F2F3F4;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #435b7b;
}
.-----------------------------MENU----------------------------- {}
#header {
	background-image: url(images-cfa/fondHead.jpg);
	width: 940px;
	height: 141px;
	padding-left: 40px;
}
#menu {
	height: 41px;
	clear: both;
}

#menu a.home {
	display: block;
	float: left;
	height: 28px;
	width: 180px;
	margin-left: 20px;
	padding-top: 13px;
}
#menu li {
	display: list-item;
	float: left;
	line-height: 41px;
	height: 41px;
}
#menu li a:link, #menu li a:visited {
	padding-right: 10px;
	padding-left: 10px;
	font-size: 18px;
	color: #172f50;
	background-image: url(images-cfa/menuSeparator.png);
	background-repeat: no-repeat;
	background-position: right;
	text-decoration: none;
	line-height: 41px;
	height: 41px;
	display: inline-block;
	text-shadow: #6d89af 1px 1px 2px;
}
#menu li a:hover, #menu li a:active {
	color: #FFF;
	background-image: url(images-cfa/menuFondHover.png);
	background-repeat: repeat-x;
	background-position: left;
}
#mSelect { overflow: hidden; 
}
.ssM {
	display: none;
	position: absolute;
	background-image: url(images-cfa/fondSSmenu.png);
	-moz-box-shadow: 2px 2px 5px #000;
	-webkit-box-shadow: 2px 2px 5px #000;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 20px;
	padding-left: 20px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #93B9EA;
	border-bottom-color: #93B9EA;
	border-left-color: #93B9EA;
	list-style: none;
	float: none;
	margin-top: -2px;
	margin-left: -2px;
}
#mSelect li .ssM li {
	display: block;
	float: none;
	background-image: url(images-cfa/puceMinitriangleBleu.png);
	background-repeat: no-repeat;
	background-position: 0px 8px;
	margin-left: -12px;
	padding-left: 12px;
	line-height: 20px;
	height: 20px;
}
#mSelect li .ssM li a:link, #mSelect li .ssM li a:visited {
	color: #FFF;
	text-shadow: none;
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	text-transform: uppercase;
	background-image: none;
	line-height: 20px;
}
#mSelect li .ssM li a:hover, #mSelect li .ssM li a:active {
	color: #ff8005;
}
#recherche {
	float: right;
	margin-top: 50px;
	margin-right: 40px;
	color: #d2d6db;
	font-size: 12px;
}
#recherche .input {
	background-image: url(images-cfa/fondInputRecherche.png);
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	color: #FFF;
	margin-right: 10px;
	margin-left: 10px;
	height: 20px;
	background-repeat: no-repeat;
	width: 105px;
	background-color: transparent;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 4px;
	margin-top: 0px;
}
#recherche .submit {
	
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	color: #FFF;
	width: 80px;
	background-color: transparent;
	
}
.-----------------------------CONTENT-------------------------- {}
#content {
	width: 940px;
	background-image: url(images-cfa/contentBas.png);
	background-repeat: repeat-x;
	background-position: left bottom;
	padding-left: 40px;
	line-height: 20px;
	padding-top: 20px;
	text-align: justify;
	padding-bottom: 40px;
	min-height: 300px;
}

.-----------------------------GAUCHE---------------------------------- {}
#left {
	width: 620px;
	float: left;
	margin-top: 27px;
}
#left.homeP { margin-top: 7px; }

#left.nav p {
	margin-bottom: 9px;
}
#left.nav li {
	padding-left: 20px;
	margin-bottom: 8px;
	line-height: 14px;
	background-image: url(images-cfa/puceValid.png);
	background-repeat: no-repeat;
	background-position: 0px 3px;
}


/* permet de modifier le comportement général du tableau, notamment ses dimensions, ses marges et sa position (calé à gauche, centré, etc.)*/ 
table.spip {
	padding-left: 25px;
	margin-bottom: 25px;
	text-align: center;
	color: #000000;
}

/* caption concerne la légende (optionnelle) du tableau */
table.spip caption {
	font-style: italic;
	text-transform: lowercase;
	
}

/* concerne la « première ligne » du tableau (ici en jaune). Pour que la première ligne soit prise en compte comme rangée de titres, il faut que chacun des éléments qu’elle contient soient en gras  */
table.spip tr.row_first {
	background-color: #FF9024;
	
}

/* pour les autres lignes. Un des intérêts de ces styles est la possibilité d’appliquer deux couleurs différentes via « row_odd » et « row_even » (ici, gris clair et gris foncé), permettant d’alterner les couleurs d’une ligne à l’autre, ce qui facilite agréablement la lecture du tableau. */
table.spip tr.row_odd{
	background-color: #96A5BC;	
} 
table.spip tr.row_even{
	background-color: #C7CFDC;	
} 

/* concernent les cellules du tableau, et permettent, par exemple, de contrôler leur espacement intérieur (padding), afin d’aérer la présentation.*/
table.spip th{
	padding: 5px;	
	text-align: center;

}
 
table.spip td {
	padding: 5px;
	text-align: center;

}


#left.homeP h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
	color: #30425b;
	font-weight: normal;
	margin-top: 20px;
	margin-bottom: 8px;
	border-bottom-style: none;
	padding: 0px;
}
#liens {
	float: left;
	width: 50%;
}
#liens li { padding-left: 20px; }
#breadcrumb {
	font-size: 11px;
	margin-top: -47px;
	margin-left: -40px;
	padding-left: 35px;
	width: 658px;
	color: #c8c8c8;
	background-color: #f3f6fa;
	height: 18px;
	line-height: 18px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #C3D4F2;
	padding-right: 5px;
	float: left;
}


#breadcrumb a {
	margin-right: 5px;
	margin-left: 5px;
	display: block;
	float: left;
	background-image: url(images-cfa/puceMinitriangleBleu.png);
	background-position: right;
	background-repeat: no-repeat;
	padding-right: 15px;
}
#breadcrumb .last {
	font-weight: bold;
	color: #FFF;
	margin-right: 3px;
	display: block;
	margin-left: 3px;
	padding-right: 5px;
	padding-left: 5px;
	background-color: #C3D4F2;
	float: left;
	height: 18px;
}


#citation {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 15px;
	font-style: italic;
	color: #9f9f9f;
	margin-top: 10px;
	margin-bottom: 10px;
	width: 620px;
	margin-right: 20px;
}
#citationBdp {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 15px;
	font-style: italic;
	color: #9f9f9f;
	margin-bottom: 10px;
	clear: both;
	padding-top: 20px;
	margin-top: 10px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #D3D7DC;
}
#left #espaceEtudiant h1 {
	background-color: #dde5f0;
	margin-left: -20px;
	padding-left: 20px;
	padding-top: 2px;
	padding-bottom: 5px;
	margin-top: 0px;
	margin-bottom: 5px;
}
#espaceEtudiant {
	background-color: #f5f7fb;
	padding-left: 20px;
	margin-left: -20px;
	border: 1px solid #dde5f0;
	margin-top: 20px;
	-moz-border-radius: 5px
}
#espaceEtudiant li {
	background-image: url(images-cfa/puceMinitriangleBleu.png);
	margin-left: -13px;
	padding-left: 13px;
	font-size: 16px;
	line-height: 25px;
	background-position: 0px 12px;
	background-repeat: no-repeat;
	display: list-item;
	width: 90%;
}




#visuel{
	
	width: 200px;
	float: right;
	position: relative;
	margin-left: 20px;
	padding-right: 10px;
	padding-bottom: 20px;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #C7CCD3;
	background-color: #FFF;
	text-align: left;
	padding-left: 20px;
	padding-top: 20px;
	font-size: 11px;
	line-height: 16px;
}


#postuler {
	width: 200px;
	float: right;
	position: relative;
	margin-left: 20px;
	padding-right: 10px;
	padding-bottom: 10px;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #C7CCD3;
	background-color: #FFF;
	text-align: left;
	padding-left: 20px;
	clear: right;
	background-image: url(images-cfa/fdPostuler.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 20px;
	font-size: 11px;
}
#postuler  ul.spip li  {
	background-image: url(images-cfa/puceMinicarre.png);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	padding-left: 10px;
}


#rythme
{
	width: 200px;
	float: right;
	position: relative;
	margin-left: 20px;
	padding-right: 10px;
	padding-bottom: 10px;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #C7CCD3;
	background-color: #FFF;
	text-align: left;
	padding-left: 20px;
	clear: right;
	background-image: url(images-cfa/fdRythme.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 20px;
	font-size: 11px;
	
}

#rythme  ul.spip li  {
	background-image: url(images-cfa/puceMinicarre.png);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	padding-left: 10px;
}




#debouche
{
	width: 200px;
	float: right;
	position: relative;
	margin-left: 20px;
	padding-right: 10px;
	padding-bottom: 10px;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #C7CCD3;
	background-color: #FFF;
	text-align: left;
	padding-left: 20px;
	clear: right;
	background-image: url(images-cfa/fdDebouche.png);
	padding-top: 25px;
	background-repeat: no-repeat;
	background-position: left top;
	font-size: 11px;
}
#debouche ul.spip li  {
	line-height: 15px;
	padding-bottom: 5px;
	background-image: url(images-cfa/puceMinicarre.png);
	background-repeat: no-repeat;
	padding-left: 10px;
	background-position: 0px 5px;
	color: #999;
}


#contact
{
	width: 200px;
	float: right;
	position: relative;
	margin-left: 20px;
	padding-right: 10px;
	padding-bottom: 20px;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #C7CCD3;
	background-color: #FFF;
	text-align: left;
	padding-left: 20px;
	clear: right;
	background-image: url(images-cfa/fdContact.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 20px;
	font-size: 11px;
	line-height: 16px;
}


.ulleft {
	float: right;
	margin-right: 40px;
	display: block;
	margin-left: 40px;
}
ul.good  li {
	color: #435b7b;
	background-image: url(images-cfa/puceValid.png);
	background-repeat: no-repeat;
	background-position: 0px 7px;
	margin-left: -19px;
	padding-left: 19px;
	font-size: 14px;
	
}

.espaceAutre {
	background-color: #FFF;
	display: block;
	font-size: 11px;
	color: #adb4be;
	margin-left: -20px;
	padding-left: 20px;
	margin-top: 5px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #DDE5F0;
}
img.photo {
	float: left;
	margin-right: 10px;
	border: 2px solid #D3D7DC;
}
.-----------------------------DROIT--------------------------- {}
#right {
	width: 280px;
	float: right;
}
#right h1  {
	font-size: 14px;
	color: #233650;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(images-cfa/encarPuce.png);
	height: 25px;
	padding-top: 7px;
	padding-left: 20px;
	margin-top: -3px;
}
#right h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	color: #FF7E00;
	font-weight: normal;
	background-image: url(images-cfa/encarPuce.png);
	padding-left: 20px;
	margin-top: -3px;
	padding-top: 7px;
	height: 25px;
}

#contentBlock ul.blockLi1 li {
	background-image: url(images-cfa/puceMinirond.png);
	background-repeat: no-repeat;
	background-position: 0px 7px;
	padding-left: 14px;
	margin-left: -14px;
}

#contentBlock ul.blockLinav li
{
	background-image: url(images-cfa/miniPuceFonce.png);
	background-repeat: no-repeat;
	background-position: 0px 7px;
	padding-left: 14px;
	margin-left: -14px;
}

#contentBlock ul.blockLi2 li {
	background-image: url(images-cfa/btTriangleSuite.png);
	background-repeat: no-repeat;
	background-position: 0px 7px;
	padding-left: 11px;
	margin-left: -11px;
	font-size: 11px;
	color: #0F4984;
}
#contentBlock table td {
	text-align: right;
	vertical-align: middle;
	font-size: 11px;
	color: #717984;
	padding-top: 5px;
	padding-right: 4px;
}
#contentBlock {
	background-image: url(images-cfa/fondEncarCt.png);
	padding-top: 5px;
	padding-bottom: 7px;
	padding-left: 20px;
}
.inputapprentis {
	width: 88px;
	height: 17px;
	background-color: transparent;
	background-image: url(images-cfa/fondImput.png);
	font-size: 11px;
	color: #FF7E00;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-repeat: no-repeat;
	padding-right: 4px;
	padding-left: 4px;
	line-height: 10px;
	padding-bottom: 4px;
	font-weight: bold;
}
img.btOk {
	margin-left: 25px;
}
img.btOk:hover {
	background-image: url(images-cfa/btOkon.png);
	background-repeat: no-repeat;
}
#blockDroit {
	background-image: url(images-cfa/encarBas.png);
	background-repeat: repeat-x;
	background-position: left bottom;
	padding-bottom: 13px;
	margin-bottom: 7px;
	padding-top: 3px;
	margin-top: -3px;
}
#ssBlock {
	background-image: url(images-cfa/fdSSblock.png);
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	background-repeat: repeat-x;
	padding-right: 10px;
	padding-left: 10px;
	font-size: 11px;
}
#ssBlock.logos {
	height: 40px;
	background-color: #F2F3F4;
}
#btBlockActu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-transform: uppercase;
	background-image: url(images-cfa/btActu.png);
	background-repeat: no-repeat;
	width: 250px;
	text-align: right;
	background-position: 140px -2px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFF;
	line-height: 15px;
	padding-right: 30px;
	height: 20px;
	float: right;
}
.-----------------------------FOOTER---------------------------- {}
#footer {
	margin: auto;
	width: 980px;
	background-color: #999;
	background-image: url(images-cfa/fondFoot.jpg);
	background-repeat: repeat-x;
	height: 341px;
}
#footleft, #footright {
	height: 235px;
}
#footer h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
	font-weight: normal;
	color: #9aa7b7;
	margin-bottom: 5px;
	padding-bottom: 3px;
}
#footleft h1 {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #546377;
}
#footIllu {
	height: 61px;
	margin-bottom: 5px;
	text-align: center;
}
#footContent {
	padding-right: 40px;
	padding-left: 40px;
}
#footleft {
	float: left;
	width: 620px;
}
#footleft li {
	line-height: 16px;
}
#footleft .col2 a:link, #footleft .col2 a:visited {
	color: #87baff;
}
#footleft .col2 a:hover, #footleft .col2 a:active {
	color: #FFF;
}
#footright {
	float: right;
	width: 220px;
}
#footright ul.lvl1 {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #9da6b1;
	margin-bottom: 5px;
	padding-bottom: 5px;
}
#footright ul.lvl1 a:link, #footright ul.lvl1 a:visited {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	color: #FFF;
	line-height: 20px;
}
#footright ul.lvl1 a:hover, #footright ul.lvl1 a:active {
	color: #FE9A38;
}
#footright ul.lvl2 a:link, #footright ul.lvl2 a:visited {
	color: #95adcf;
	line-height: 15px;
}
#footright ul.lvl2 a:hover, #footright ul.lvl2 a:active {
	color: #FFF;
	line-height: 15px;
}
#footfoot {
	height: 30px;
	font-size: 15px;
	color: #889fc0;
	padding-top: 10px;
}
#footfoot img {
	vertical-align: text-top;
}
#footfoot h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	display: inline;
	color: #FFF;
}
.-------------------------------FORMAT------------------------- {}
#wrapper {
	margin: auto;
	width: 980px;
}
hr {
	display: block;
	height: 0px;
	border-top-style: dotted;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	clear: both;
	border-top-width: 1px;
	border-top-color: #A9C6EE;
	margin-top: 1px;
	margin-right: 0px;
	margin-bottom: -1px;
	margin-left: 0px;
}
.clear {
	clear:both;
	display:block;
	overflow:hidden;
	visibility:hidden;
	width:0;
	height:0
}
.clear10 {
	clear:both;
	display:block;
	overflow:hidden;
	visibility:hidden;
	width:0px;
	height:0px;
	margin-bottom: 10px;
}
.bot20 {
	margin-bottom: 20px;
}
ul.col3 {
	width: 100%;
}
ul.col3 li {
	display:block;
	width : 33%;
	float:left;
	background-image: url(images-cfa/puceMinicarre.png);
	background-repeat: no-repeat;
	background-position: 0px 9px;
	margin-left: -10px;
	padding-left: 10px;
}
ul.col3 li[float="left"] + li {
	float:none;
}
ul.col2 {
	width: 100%;
}
ul.col2 li {
	display:block;
	width : 50%;
	float:left;
}
ul.col2 li[float="left"] + li {
	float:none;
}
.------------------------TXT-COULEURS------------------------ {}
a:link, a:visited {
	text-decoration: none;
	color: #009AD5;
}
a:hover, a:active {
	color: #F48100;
}
#left h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 28px;
	font-weight: normal;
	color: #30425b;
	margin-top: 10px;
	margin-bottom: 15px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #929ca8;
	padding-bottom: 10px;
	line-height: 28px;
}
#left h2 {
	color: #30425B;
	font-size: 14px;
	font-weight: bold;
	margin-top: 20px;
}
#left h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color: #FF7E00;
	font-weight: normal;
	margin-top: 20px;
}
#left h4 {
	color: #FF7E00;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-weight: normal;
	background-image: url(images-cfa/puceTriangle.png);
	background-repeat: no-repeat;
	background-position: 0px 7px;
	padding-left: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CDD2D8;
	font-size: 15px;
}



.soustitre {
	color: #afb4ba;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 3px;
}
.introduction {
	font-style: italic;
	color: #9d8b5b;
	margin-bottom: 13px;
}
.postScriptum {
	color: #ababab;
	font-size: 11px;
	font-style: italic;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dotted;
	border-bottom-style: dotted;
	border-top-color: #ababab;
	border-bottom-color: #ababab;
	margin-top: 20px;
	margin-bottom: 20px;
}

.important {
	text-transform: uppercase;
	margin-right: 20px;
	margin-left: 20px;
	text-decoration: blink;
	font-size: 11px;
	font-weight: bold;
}



.surtitre {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color: #ff7e00;
}


.linkorang a:link, .linkorang a:visited {
	color: #ff7e00;
}
.linkorang a:hover, .linkorang a:active {
	color: #2DA9D9;
}
a.video:link, a.video:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-left: 10px;
	font-style: normal;
	font-weight: bold;
	color: #ff8005;
	line-height: 18px;
	text-align: right;
}
a.video:hover, a.video:active {
	color: #2DA9D9;
}
a.agence:link, a.agence:visited {
	color: #FFFFFF;
	font-size: 10px;
}
a.agence:hover, a.agence:active {
	color: #95ADCF;
}
.auteur {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #68a1ee;
	font-style: normal;
	line-height: 20px;
	text-align: right;
}
ul.miniFonce li {
	background-image: url(images-cfa/puceMinirond.png);
	background-repeat: no-repeat;
	background-position: 6px 7px;
}
ul.pdf li

{
	background-image: url(images-cfa/pucePdf.png);
	background-repeat: no-repeat;
	background-position: 0px 3px;
}


.orange {
	color: #ff7e00;
}

.blanc {
	color: #FFF;
}
.tiorange {
	font-size: 11px;
	font-style: normal;
	color: #ff7e00;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 11px;
}


.------------------------JAVASCRIPT------------------------- {}
/* 
    root element for the scrollable. 
    when scrolling occurs this element stays still. 
*/ 

div.citScrol {
	/* required settings */ 
    position:relative;
	overflow:hidden;
	width: 620px;
	height:95px;
} 
/* 
    root element for scrollable items. Must be absolutely positioned 
    and it should have a extremely large width to accomodate scrollable items. 
    it's enough that you set width and height for the root element and 
    not for this element. 
*/ 
div.citScrol div.items {
	/* this cannot be too large */ 
    width:2000em;
	position:absolute;
} 
/* 
    a single item. must be floated in horizontal scrolling. 
    typically, this element is the one that *you* will style 
    the most. 
*/ 
div.citScrol div.items div { 
    float:left; 
} 
/* this makes it possible to add next button beside scrollable */
.citScrol {
	float:left;	
}
div.logoScrol {
   position:relative;
	overflow:hidden;
	width: 200px;
	height:40px;
} 
div.logoScrol div.items {
	/* this cannot be too large */ 
   width:2000em;
	position:absolute;
} 
div.logoScrol div.items div { 
    float:left; 
} 
.logoScrol {
	float:left;	
}
.logoScrol img {
	margin-right: 5px;
	margin-left: 5px;
}
 
/* you may want to setup some decorations to active the item */ 
div.items div.active { 
    border:1px inset #ccc; 
    background-color:#fff; 
}


/* prev, next, prevPage and nextPage buttons */
a.browse {
	display:block;
	width:18px;
	height:18px;
	cursor:pointer;
	font-size:1px;
	background-repeat: no-repeat;
	float: left;
	margin-top: 2px;
	margin-right: 10px;
	margin-bottom: 8px;
	margin-left: 10px;
}

/* right */
a.right 				{
	background-position: 0px 0px;
	clear:right;
	margin-right: 0px;
	background-image: url(images-cfa/right.png);
}
a.right:hover 		{ background-position:0px -18px; }
a.right:active 	{ background-position:0px -18px; } 


/* left */
a.left				{
	margin-left: 0px;
	background-image: url(images-cfa/left.png);
} 
a.left:hover  		{ background-position:0px -18px; }
a.left:active  	{ background-position:0px -18px; }

/* up and down */
a.up, a.down		{ 
	background:url(../img/scrollable/arrow/vert_large.png) no-repeat; 
	float: none;
	margin: 10px 50px;
}

/* up */
a.up:hover  		{ background-position:-30px 0; }
a.up:active  		{ background-position:-60px 0; }

/* down */
a.down 				{ background-position: 0 -30px; }
a.down:hover  		{ background-position:-30px -30px; }
a.down:active  	{ background-position:-60px -30px; } 


/* disabled navigational button */
a.disabled { background-position: 0px -36px; 
} 

a.disabled:hover { background-position: 0px -36px; }

a.top10 { margin-top: 11px; }

/* the overlayed element */
.apple_overlay {
	/* initially overlay is hidden */
	display:none;
	/* 
		width after the growing animation finishes
		height is automatically calculated
	*/
	width:400px;
	/* some padding to layout nested elements nicely  */
	padding:35px;
	/* a little styling */	
	font-size:11px;
}

/* default close button positioned on upper right corner */
.apple_overlay div.close {
	background-image:url(images-cfa/close.png);
	position:absolute;
	right:5px;
	top:5px;
	cursor:pointer;
	height:35px;
	width:35px;
}
/* use a semi-transparent image for the overlay */ 
#overlay {
	color:#efefef;
	height:450px;
} 
 
/* container for external content. uses vertical scrollbar, if needed */ 
.contentWrap { 
    height:400px; 
    overflow-y:auto; 
	 border-radius: 5px 5px 5px 5px; 
}

.-----------------------------SPIP FORMULAIRE----------------------------- {}
.spip_forms form label {
	float:none;
}
.spip_forms h2 {
	margin:.2em;
	color:#543E29;
}
.spip_forms {
	color: black;
	margin: 0px;
	margin-bottom: 16px;
	padding: 6px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	
}
.spip_forms form {
	border:0;
	margin:0;
	
}
.spip_forms div.spip_descriptif {
	border:0;
	margin:0;
	clear:both;
}
.spip_forms h3 {
	float:none;text-align:left;
}
.spip_forms legend {
	font-size:1em;
	padding:5px;
}
.spip_forms .spip_form_champ {
	margin-bottom: 0;
	display: block;
	clear: both;
	margin-top: 1px;
}
.spip_forms .spip_form_label {
  	font-weight: bold;
  	text-align:left;
  	color:#494949;
	display: block;
}
.spip_forms .spip_form_label label,
.spip_forms .spip_form_label .label {
	text-align:left;
  	font-weight: bold;
  	color:#494949;
}
.spip_forms .spip_form_label_obligatoire {
	font-weight: normal;
	font-style:italic;
	font-size:.9em;
}
.spip_forms .obligatoire_oublie {
	color:#C30;
}
.spip_forms .spip_form_label_details{
	display:block;
	font-style:italic;
	text-align:left;
}

.spip_forms .spip_form_choix_multiple {
	display:block;
}

.spip_forms .spip_form_choix_unique input, .spip_forms .spip_form_choix_unique input.fondo, .spip_forms .spip_form_choix_unique input.fondl {
	width:auto;
	background-image: none;
}

.spip_forms .spip_form_choix_unique label {
	margin:0 0 5px 0;
}

.spip_forms .spip_form_choix_multiple input, .spip_forms .spip_form_choix_multiple input.fondo, .spip_forms .spip_form_choix_multiple input.fondl, ul.choix_mots li input {
	width:auto;
	margin:0 5px 0 0;
	background-image: none;
}
.spip_forms ul.choix_mots,.spip_forms ul.spip_form_choix_multiple,.spip_forms ul.spip_form_choix_unique{
list-style:none;float:left;padding-left:5px;width:90%;background-image:none;
}

.spip_forms .spip_sondage {
	margin: auto;
}

.spip_forms .spip_form_erreur {
	font-weight:bold;
	color:red;
}
.spip_forms .spip_form_ok {
	font-weight: bold;
	background:#262626;
	color:#F1F1F1;
	margin: 0 0 0 0;
	padding: .6em;
}
.spip_forms .spip_form_ok a {
	color:#FFF9E2;
}
.spip_forms .spip_form_ok a:hover {
	color:#DEB55E;
}
.spip_forms .spip_form_ok_confirmation{
	display:block;
}
.spip_forms .spip_sondage strong {
	display:block;
	clear:both;
	margin-left:5px;
	color:#494949;
}
.spip_forms .spip_sondage .ligne_nom {
	width:19%;
	text-align:right;
	padding-right:1%;
}
.spip_forms .spip_sondage .ligne_nom:after {
	content:" :";
}
.spip_forms .spip_sondage ligne.chiffres {
	color:#525252;
}
.spip_forms .spip_sondage .ligne_barre {
	height: 16px;
	background: url(ligne.gif) repeat-x;

	width:80%;
}
.spip_forms .spip_sondage .sondage_table {
	display: table;
	width:70%;
}
.spip_forms .spip_sondage .sondage_ligne {
	display: table-row;
}
.spip_forms .spip_sondage .sondage_ligne > div {
	display: table-cell;
	vertical-align: middle;
	padding: 0px;
	white-space: nowrap;
}
.spip_forms .forml, .spip_forms .formo {
	width:75%;
	
	font-size:1em;
	padding:.25em;
}
.spip_forms .forml, .spip_forms .fondl {
	background: #FFFFFF;
	color:#4A4336;
	width:75%;
}
.spip_forms .formo, .spip_forms .fondo {
	background-color: white;
	color:#4A4336;
	width:75%;
}
.spip_forms .champ_obli_oubli {
	border:1px solid red;
}
.spip_forms form .forml-focus, .spip_forms form input.forml-focus:focus, .spip_forms form textarea.forml-focus:focus, .forml-focus {
	color:#333;
	font-weight:normal;
	font-size:1em;
	padding:0.25em;
	width:75%;
	background-color: #DDF9FF;
}
.spip_forms form .formo-focus, .spip_forms form input.formo-focus:focus, .spip_forms form textarea.formo-focus:focus, .spip_forms .formo-focus {
	color:#433817;
	font-weight:normal;
	font-size:1em;
	padding:.25em;
	width:75%;
	background-color: #D5F7FF;
}
.spip_forms form .champ_obli_oubli-focus, form input.champ_obli_oubli-focus:focus, form textarea.champ_obli_oubli-focus:focus {
	color:#4D161B;
	font-weight:normal;
	font-size:1em;
	padding:.25em;
	background-color: #D7F7FF;
}
.spip_forms .spip_bouton input {
	border: 0px ;
	cursor:pointer;
	padding:.4em;
	background:#F0E6DC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:1em;
	width:100px;
	color:#4A4336;
}
.spip_forms fieldset {
	padding: .4em .4em .4em 1em;
	margin:.5em 0 .5em 0;
}
.spip_forms a.resultats_sondage {
	display:block;
	float:right;
	background:#FFFBED;
	color:#444040;
	padding:.2em;
	text-decoration:none;
}
.spip_forms a.resultats_sondage:hover {
	background:#444040;
	color:#C4F3FF;
	text-decoration:none;
}
.spip_forms p.spip_form_ok, .spip_forms p.spip_form_erreur, .spip_forms form {
	clear:both;
}
span.nettoyeur{
	clear:both;line-height:1px;font-size:1px;display:block;
}
span.erreur { display:block;}