*{margin:0;padding:0;border:0;font-family:inherit;}

body{font-family:Arial, Helvetica, sans-serif;text-align:center;background:#FFF url(../img/degrade-top.gif) repeat-x top left; color: #629bbc;}

p,li,dd,dt,h1,h2,h3,h4,h5,h6,address,label,input,select{color:#0E305E;text-align:left;font-size:0.75em;}
p{line-height:1.5;}
a{color:#268E7B;}
a:hover{text-decoration:none;}
strong, .req{}
.clear{clear:both;visibilty:hidden;}

#header li a span, #logo span, h1 span, .small h2 span, .accueil .medium h2 span, .small2 h2 span{position:absolute;top:-1000px;left:0;width:1px;height:1px;overflow:hidden;}


/* ################################## HEADER############################## */
/* HEADER contient le nuage en haut à droite */
#header{background:transparent url(../img/nuage-top.jpg) no-repeat right top;}
#header2{background:transparent url(../img/panneau-top.jpg) no-repeat left top;min-height:162px;}

a#logo{display:block;position:absolute;right:20px;width:220px;height:31px;background:transparent url(../img/logo.gif) no-repeat top left;}

#header2 ul{list-style:none;padding:139px 0 20px 0;width:750px;margin:0 auto;}
#header ul li{float:left;margin-left:2px;}
#header li a{display:block;width:129px;height:23px;background-position:top left;}
#tab-accueil a{background-image:url(../img/tab-accueil.gif);}
#tab-formations a{background-image:url(../img/tab-formations.gif);}
#tab-ressources a{background-image:url(../img/tab-ressources.gif);}
#tab-communautes a{background-image:url(../img/tab-communautes.gif);}
#tab-agenda a{background-image:url(../img/tab-agenda.gif);}
#header li.active a, #header li a:hover{background-position: 0 -25px;}
#header li.active a{
	border-bottom: 1px solid white;
}
/* ################################## CONTENU ############################## */
#page{margin:25px auto;width:754px;clear:both;}

/* Colonnes droite et gauche */
#colgauche{width:500px;float:left;margin-top:20px;}
.accueil #colgauche{width:427px;}
#coldroite{width:242px;float:right;margin-top:20px;}
.accueil #coldroite{width:313px;}

/* Blocs larges (en chapeau) */
.large{width:750px;background:#FFF url(../img/large-bg.gif) repeat-y top left;}
.large-top{background:transparent url(../img/large-top.jpg) no-repeat top left;}
.large-bottom{background:transparent url(../img/large-bottom.gif) no-repeat bottom left;min-height:100px;padding:20px;text-align:left;}

/* Blocs medium (dans la colonne gauche) */
.medium,#bonus.medium{width:498px;margin-bottom:10px;background:#FFF url(../img/medium-bg.gif) repeat-y top left;}
#bonus.medium{
	float: left;
}
.accueil .medium{width:425px;margin-bottom:20px;background:#FFF url(../img/medium-bg-accueil.gif) repeat-y top left;}
.medium-top,#bonus .medium-top{background:transparent url(../img/medium-top.jpg) no-repeat top left;}
.rubrique .medium-top{background:transparent url(../img/medium-top-rubrique.jpg) no-repeat top left;}
.rubrique .medium-bottom{background:transparent url(../img/medium-bottom.jpg) no-repeat bottom left;min-height:100px;padding:0 0 20px 0;text-align:left;}
.accueil .medium-top{background:transparent url(../img/medium-top-accueil.jpg) no-repeat top left;}
.medium-bottom,#bonus .medium-bottom{background:transparent url(../img/medium-bottom.jpg) no-repeat bottom left;min-height:100px;padding:20px 0;text-align:left;}
.accueil .medium-bottom{background:transparent url(../img/medium-bottom-accueil.gif) no-repeat bottom left;padding:8px 0 20px 0;}

.medium .minibloc{width:450px;margin:20px auto;background:transparent url(../img/minibloc-bg.gif) repeat top left;}
.medium .minibloc-bottom{background:transparent url(../img/minibloc-bottom.gif) no-repeat bottom left;display:table;padding-bottom: 10px;width:450px;}

.medium .adresse{float:left;background:transparent url(../img/maison.gif) no-repeat top left;padding:2px 0 0 30px;font-style:normal;margin-left:20px;color:#B21B49;}
.medium address{font-style:normal;font-weight:bold;margin:0 0 20px 110px;padding-top:2px;color:#0E5EB9;}
.medium .tel{width:140px;height:26px;line-height:25px;float:left;margin-left:20px;background:transparent url(../img/bouton-tel.jpg) no-repeat top left;color:#B21B49;font-size:0.75em;font-weight:bold;padding-left:34px;text-align:left;}
.medium .url{display:block;width:140px;height:26px;line-height:25px;float:right;margin-left:20px;background:transparent url(../img/bouton-url.jpg) no-repeat top left;color:#B21B49;font-size:0.75em;font-weight:bold;padding-left:34px;}
.medium .url a{display:block;color:#B21B49;text-align:left;text-decoration:none;}
.medium .url a:hover{background-position:left -27px;}

/* Blocs small (dans la colonne droite) */
.small, .small2{width:242px;margin-bottom:10px;background:#FFF url(../img/small-bg.gif) repeat-y top left;text-align:left;}
.accueil .small,accueil .small2{width:313px;background:#FFF url(../img/small-bg-accueil.gif) repeat-y top left;}
.small-top, .accueil .small2 .small-top{background:transparent url(../img/small-top.gif) no-repeat top left;}
.accueil .small-top{background:transparent url(../img/small-top-accueil.jpg) no-repeat top left;}
.small-bottom, .accueil .small2 .small-bottom{background:transparent url(../img/small-bottom.gif) no-repeat bottom left;padding:6px 8px 8px 4px;text-align:left;}
.accueil .small-bottom{background:transparent url(../img/small-bottom-accueil.gif) no-repeat bottom left;padding:6px 0 20px 0;}
.small-inside{background:#F8FBFE url(../img/small-inside.jpg) repeat-x top left;min-height:100px;padding:10px 0 10px 0;}

.small .input{background:transparent url(../img/input-bg.gif) repeat-y top left;margin:7px 15px;}

.small2{float:left;margin-left:14px;}

/* Titres */
h1{margin-left:-16px;margin-bottom:10px;}
h1.titre-formations{background:transparent url(../img/titrepcp-formations.gif) no-repeat top left;width:449px;height:31px;}
h1.titre-seformer{background:transparent url(../img/titre-seformer.gif) no-repeat top left;width:451px;height:30px;}
h1.titre-ressources{background:transparent url(../img/titrepcp-ressources.gif) no-repeat top left;width:449px;height:31px;}
h1.titre-communautes{background:transparent url(../img/titrepcp-communautes.gif) no-repeat top left;width:449px;height:31px;}

/**/

h2{color:#035A92;font-size:0.8em;font-weight:bold;letter-spacing:1px;}
#recherche h2{background:transparent url(../img/titre-rechercher.jpg) no-repeat top left;width:222px;height:27px;}
#lastCommunaute h2, #communaute h2{background:transparent url(../img/titre-communaute.jpg) no-repeat top left;width:222px;height:27px;padding-bottom: 10px;}

#lastSofts h2{background:transparent url(../img/last-softs.jpg) no-repeat top left;width:222px;height:27px;padding-bottom: 10px;}
#lastFormations h2{background:transparent url(../img/last-formations.jpg) no-repeat top left;width:222px;height:27px;padding-bottom: 5px;}
#lastDicos h2{background:transparent url(../img/last-dico.jpg) no-repeat top left;width:222px;height:27px;padding-bottom: 10px;}
#outils h2{background:transparent url(../img/titre-outils.gif) no-repeat top left;width:217px;height:27px;margin:2px 0 15px 4px;}
.accueil .medium h2{background:transparent url(../img/titre-formations-accueil.gif) no-repeat top left;height:27px;margin:0 0 8px 3px;}
.rubrique .medium h2{background: transparent;width:450px;margin:0;height: 43px;left: 5px;top: 0;padding: 0;position: relative;float: left;display: inline;}
.formations .medium h2{padding-left:32px;background:transparent url(../img/icone-formations.gif) no-repeat center left;}

h3{color:#0156AC;margin:15px 0;}
/* On ne peut pas mettre le padding sur le bloc conteneur à cause des onglets qui ont besoin de toute la largeur pour la bordure bottom*/
.medium .minibloc h3{background:transparent url(../img/h3-minibloc.jpg) no-repeat top left;min-height:60px;margin:0 0 -25px 0;padding:10px 0 0 25px;}

/* Listes */
.medium ul{margin-left:40px;margin-right:20px;}
.small ul{margin:0 10px;}
.small li, .small2 li{font-size:0.7em;}

.accueil .listeg ul{list-style:none;margin:0 6px 0 4px;}
.listeg ul{list-style:none;margin:0 8px 0 4px;}
.listeg li{background:#FFF url(../img/degrade-li-1.gif) repeat-x;min-height:43px;padding:14px 5px 4px 4px;}
.accueil .tabsHp ul{list-style:none;margin:0;}
.accueil .tabsHp li{background:#FFF url(../img/degrade-li-2.gif) repeat-x;height:33px;padding:10px 5px 4px 10px;}


.lastList li{list-style:none;padding-left:0;margin-bottom:5px;}


.lastList a, .small2 a{color:#5F87B0;text-decoration:none;}
.lastList a, .lastList span{
	padding: 5px 0 0 28px;
	display: block;
}

.lastList a{
	min-height: 21px;
}

.small2 ul{margin:10px 0 0 10px;}

/* Liens */
 .listeg a{padding:4px 0 4px 28px;color:#952F4B;text-decoration:none;font-weight:bold;display: block;}
.accueil .tabsHp li a{padding:4px 0 4px 28px;color:#299EF3;text-decoration:none;font-weight:bold;}



.listeg a:hover, .accueil #fragment-1 a:hover{text-decoration:underline;}

/* Paragraphes et textes divers */
.large p{color:#629BBC;letter-spacing:1px;}

.small label{margin-left:20px;}

.listeg li span{position: relative;top: 4px;left: 27px;}



/* Eléménts de texte génériques */
.medium h2, .medium h3, .medium p{margin-left:20px;margin-right:20px;}

/* ################################## FORMS ############################## */
.small input, .small select{padding:1px;border:1px solid #CAD6DF;margin:7px 20px;}
.small #tvxSearch_submit{display:block;width:61px;height:20px;background:transparent url(../img/bouton-go.gif) no-repeat top left;border:0;padding:0;cursor:pointer;margin:10px auto;}
.small #tvxSearch_submit:hover{background-position:left -22px;}

/* ################################## TABS ############################## */
/*.tab-pane{position:relative;}
div.tabs{write-space:nowrap;z-index:1;font-size:0.9em;padding:20px 0 0 15px;}
div.tabs .tab{float:left;display:inline;width:137px;height:17px;background-image:url(../img/tab-type1.gif);background-position:top left;cursor:pointer;margin:3px 0 -1px 5px;padding-top:3px;z-index:5;text-align:center;}
div.tabs .tab-selected, div.tabs .hover{background-position:0 -21px;z-index:10;}

.contenu-tab{clear:both;border-top:1px solid #D9E7F0;z-index:1;width:491px;}
.accueil #tab1{padding-top:1px;}*/
.introtext{
	color: #629bbc;
	
}

.B_crumbBox{
	font-size:0.75em;
	margin:-5px 0 0 0;
	float: left;
	color: #299EF3;
	width: 655px;
	text-align: left;
	
}
.B_crumbBox span{	
	padding:5px 0 5px 0;
}

.B_crumbBox span.B_lastCrumb{
	background: transparent url(../img/bg-breadcrumb.gif) no-repeat right center;
	padding-right:30px;
}

.B_crumbBox a{
	padding: 5px;
	color: #0E5EB9;
	text-decoration: none;
}
.B_crumbBox a:hover{
color: #299EF3;	
}
.detailDico{
	margin:0 0 0 25px;
}
.detailDico dt, .detailDico dd{
	padding-bottom: 5px;	

}

.detailDico p, .detailDico li{
		font-size: 100%;	
}

.detailDico dt{
	font-weight: bold;
	color: #952F4B;	
}
/* ################################## FOOTER ############################## */
#footer{clear:both;}


/**/
#ditto_pages{
	margin: 10px auto;
	text-align: center;
}

#ditto_pages a{
margin-left: 2px;
padding: 3px;	
background: #FFF;
font-size: 11px;
color: #299EF3;
text-decoration: none;
border: 1px solid #dde0e5;
}
#ditto_pages a:hover{
margin-left: 2px;
padding: 3px;
font-size: 11px;
color: #FFF;
text-decoration: none;
border: 1px solid #5F87B0;
background: #299EF3;
}
#ditto_pages .ditto_currentpage{
margin-left: 2px;
padding: 3px;	
background: #FFF;
font-size: 11px;
color: #299EF3;
text-decoration: none;
border: 1px solid #299EF3;	
	
}

/*
LISTE
*/
.medium .itemCategory{
	background:#FFF url(../img/degrade-li-2.gif) repeat-x;
	height:33px;
	padding:10px 5px 4px 10px;
}

.itemCategory a{
	background:transparent url(../img/icone-category.gif) no-repeat center left;
}

.itemDico a{
	background:transparent url(../img/icone-dico.gif) no-repeat center left;
}

.itemSoft a{
	background:transparent url(../img/icone-softs.gif) no-repeat center left;
}

.itemAsso a{
	background:transparent url(../img/icone-asso.gif) no-repeat center left;
}

.itemFormation a{
	background:transparent url(../img/icone-formations.gif) no-repeat center left;
}

#relatedList{
	list-style: none;
	margin: 5px 23px 0 23px;	
	padding: 0;
	border: 1px solid #e4eef4;
}

#relatedList li{
	margin-top: 1px;
	background:#FFF url(../img/degrade-li-2.gif) repeat-x;
	height:33px;
	padding:14px 5px 0 10px;
}
#relatedList li a{
	color:#299EF3;
	text-decoration: none;
	display: block;
	padding-left:25px;
}

#titRub2{

background:transparent url(category/titre-2.gif) no-repat center left;

}

.medium .rubsHp{
	margin-top: 0;
	margin-left: 3px;
	margin-right: 7px;
}

.medium .rubsHp ul{
	list-style: none;
	margin: 0 0 0 0;	
	padding: 0;
}

.medium .rubsHp li{
	margin-top: 1px;
	background:#FFF url(../img/degrade-li-2.gif) repeat-x;height:33px;
	padding:5px 5px 9px 10px;
}
.medium .rubsHp li a{
	color:#952F4B;
	text-decoration: none;
	display: block;
	padding-left:25px;
	line-height: 23px;
	padding-top: 0;
	margin: 0;
	font-size: 12px;
	font-weight: bold;
}
.medium .rubsHp li span{
	padding-left:25px;
	font-size: 11px;
	font-weight: bold;
}
.navigation{
	margin: 10px;
	text-align: center;
}
.allitem{
padding: 3px;	
background: #FFF;
font-size: 11px;
color: #299EF3;
text-decoration: none;
width:140px;
height:26px;
line-height:25px;
margin-left:20px;
background:transparent url(../img/icone-category.gif) no-repeat center left;
color:#B21B49;
font-size:0.75em;
font-weight:bold;
padding-left:34px;
}

h2#titreBonus{
	background:transparent url(../img/titre-bonus.gif) no-repeat center left;
	width:451px;height:30px;
}

h2#titreBonus span{position:absolute;top:-1000px;left:0;width:1px;height:1px;overflow:hidden;}

#bonus .bonusHp .lastList{
	margin: 5px 0 0 0;
	display: table;
	padding: 0px 0 0 1px;
}

#bonus .lastList li{list-style:none;padding-left:0;margin-bottom:5px;
	border-bottom: 1px solid #e5f2fb;
	
	}

#bonus .bonusHp .lastList li a{
	padding-top: 5px;
	padding-left: 28px;
	/*background:#FFFFFF url(../img/degrade-li-2.gif) repeat-x ;*/
	background: transparent url(../img/tick.gif) no-repeat 7px center;
	tick.gif
	color: #1a8fd3;
	font-size: 11px;
}
#bonus .bonusHp .lastList li a:hover{
	color:#fea90e;
}


#bonus .bonusHp .lastList li{
	float: left;
	width: 241px;	
	font-size: 10px;
	margin:1px 0 0 1px;
	
}

#bonus ul.bonusRub li a{
	margin-left: 3px;
	color:#299EF3;
		text-decoration: none;
	font-size: 10px;
	
}

.medium .bonusHp{
	margin-top: 0;
	margin-left: 3px;
	margin-right: 7px;
}



#recherche select{
	width: 200px;
}