/********************************************/
/*********MISE EN PAGE PAR DEFAUT************/
/********************************************/

body {
	background-color:#bcbcbc;/*couleur du fond du site*/
	background-image: url(../img/fond.gif);/*Image de fond du site*/
	background-repeat:repeat-x;/*Répétition de l'image de fond du site à l'horizontale*/
	margin: 0px;
	padding: 0px;
}
body, select, td, input, div, textarea{
	color: #2f2f2f; /*Couleur du texte par défaut*/
	font: 12px Arial, Helvetica, sans-serif;/*police texte par défaut*/
}
label {
	font-weight: bold;
}
hr {
	height: 1px;
	margin: 5px 0px 5px 0px;
	padding: 0px;
}
.clear {
	clear: both;
	font-size: 0px;
	height: 10px;
	margin: 0px;
	padding: 0px;
	visibility: hidden;
}
ul{
	list-style: none;
}

/*********Formulaire*********/

form {
	border: 0px solid #FFFFFF;
	margin: 0px;
	padding: 0px;
}
input, textarea {
	background-image:url(../img/fd-contact.jpg);
	background-position:0px 0px;
	color: #333333;
	margin: 0px;
	padding:0px 0px 0px 2px;
}
.radio {
	background: none;
	border: 0px;
}

/*********Image**************/

a img, a img:visited, a img:hover, a img:active {
	border:0px;
}

/*********Lien**************/

a:link, a:visited, a:active {
	color: #ff8007;/*Couleur des liens par défaut*/
	font: 12px Arial, Helvetica, sans-serif;/*police texte par défaut*/
	text-decoration: none;
}
a:hover {
	color: #fe9430;/*Couleur des liens par défaut lors du survol/rollover*/
	font: 12px Arial, Helvetica, sans-serif;/*police texte par défaut*/
	text-decoration: none;
}

/*********Titre**************/

h1 {
	background-image:url("../img/puce1.png");
	background-position:0 4px;
	background-repeat:no-repeat;
	color:#000000;
	font-size:18px;
	margin:5px 0 8px 25px;
	padding:0 0 0 20px;
}
h2{
	color:#e5760d;
	font-size: 12px;
	font-weight:bold;
	margin: 0px 0px 8px 25px;
}
b, strong {
	color:#e5760d;
	font-size: 12px;
	font-weight:bold;
}
h3 {
	font-size: 11px;
	margin: 0px 0px 5px 0px;
}

/*********Paragraphe***********/

p {
	margin: 0px;
	padding: 0px;
}

/*********Icones***********/

a.pdf, a.pdf:link, a.pdf:hover, a.pdf:visited, a.pdf:active{
	background: url(/icones/pdf.gif) left top no-repeat;
	background-position: 0 .0em;
	font: 12px Arial, Helvetica, sans-serif;
	font-weight: bold;
	height: 14px;
	padding-left: 18px;
}
a.doc, a.doc:link, a.doc:hover, a.doc:visited, a.doc:active{
	background: url(/icones/doc.gif) left top no-repeat;
	background-position: 0 .0em;
	font: 12px Arial, Helvetica, sans-serif;
	font-weight: bold;
	height: 14px;
	padding-left: 18px;
}
a.xls, a.xls:link, a.xls:hover, a.xls:visited, a.xls:active{
	background: url(/icones/xls.gif) left top no-repeat;
	background-position: 0 .0em;
	font: 12px Arial, Helvetica, sans-serif;
	font-weight: bold;
	height: 14px;
	padding-left: 18px;
}

/********************************************/
/*******************BLOC*********************/
/********************************************/

#container {
	margin: 0px auto;
	padding:0px;
	width: 1000px;
}
#logo{
	float:left;
	width:315px;
}
#navHaut{
	float:left;
	width:685px;
}
#haut {
	height: 94px;
	width: 1000px;
}
#gauche {
	background-color:#ff8007;
	background-image:url(../img/fd_gauche.gif);
	background-repeat:no-repeat;
	background-position:top center;
	float: left;
	margin:0px;
	min-height:560px;
	padding: 10px 0px 46px 0px;
	width: 393px;
}
#contenu {
	float: left;
	padding: 40px 0px 20px 0px;
	width: 607px;
}
#contenu_accueil {
	float: left;
	padding:0px;
	width: 607px;
}
#contact{
	margin:20px 0px 0px 17px;
	width:590px;
}
#contact strong, #contact b{
	color:#E5760D;
	font-size:12px;
	font-weight:bold;
	margin:0 0 0px 0px;
}
#contact input, #contact textarea{
	background-image:url(../img/fd-contact.jpg);
	background-position:0px 0px;
	border:1px solid #999999;
}
#contact input[type=submit], #contenu input[type=submit]{
	background-color:#E5760D;
	background-image:none;
	border:0 none;
	color:#ffffff;
	cursor:pointer;
}

.msgErreur{
	margin:0 auto 10px;
	text-align:center;
	width:220px;
}
.edito{
	clear:both;
	padding:15px 0 0 0px;
}
.edito ul{

}
.edito li{
	list-style:square outside none;
}
/********************************************/
/***********MISE EN PAGE ARTICLE*************/
/********************************************/

.tpTexte {
	margin:0px 0px 10px 25px;
	padding:0px;
}
a.tpTexte, a.tpTexte:visited, a.tpTexte:hover, a.tpTexte:active  {
	font: 12px Arial, Helvetica, sans-serif;
}
.tpTexte  ul{
	margin:0px 0px 0px 20px;
	padding:5px 0px;
}
.tpTexte  li{
	list-style:square inside none;
}

/*********Positionnement des images***********/

.imgLeft {
	float: left;
	margin-right: 10px;
}
.imgRight {
	float: right;
	margin-left: 5px;
}
.imgTop {
	margin-bottom: 10px;
}
.imgBottom {
	margin-top: 10px;
}

/*********Image avec lien***********/

.tpTexte a img, .tpTexte a:hover img, .tpTexte a:visited img {
	border: 0px solid #FFF;
	margin:0px;
	padding:0px;
}

/*********Image sans lien***********/

.tpTexte img {
	border: 0px solid #FFF;
	margin:0px;
	padding:0px;
}

.legende{
	color:#666666;
	text-align:center;
}
/********************************************/
/********************BAS*********************/
/********************************************/

#bas {
	clear:both;
	color:#666;
	font:10px Arial, Helvetica, sans-serif;/*police texte par défaut*/
	padding:100px 0 20px 0;
	text-align:center;
	width:1000px;
}
#bas a:link, #bas a:visited, #bas a:active { /*Style des liens en bas de page*/
	color:#666;
	font:10px Arial, Helvetica, sans-serif;/*police texte par défaut*/
	text-decoration: none;
}
#bas a:hover {/*Style des liens en bas de page lors du survol/rollover*/
	color:#666;
	font:10px Arial, Helvetica, sans-serif;/*police texte par défaut*/
	text-decoration: none;
}

/********************************************/
/**************GALERIE PHOTO*****************/
/********************************************/

#galerie_photo{
	font: 12px Arial, Helvetica, sans-serif;
	margin:10px 0px 0px 0px;
	padding:0px;
}

#galerie_photo a, #galerie_photo a:hover, #galerie_photo a:visited, #galerie_photo a:active{
	font: 12px Arial, Helvetica, sans-serif;
	text-decoration:none;
}
#liste{

}
.gal {
	float: left;
	margin-bottom: 20px;
	width: 250px;
	text-align: center;
}
.gal a img, .gal a img:visited, .gal a img:hover,  .gal a img:active {
	border:1px solid #666666;
	margin:0px;
	padding:5px;
}
.listeGalerie{
	margin:10px 0px 0px 0px;
	padding:0px;
}
/********************************************/
/****************INTERVENANT*****************/
/********************************************/

.liste {
	margin:0px 0px 10px 0px;
	padding:0px;
}
a.liste, a.liste:visited, a.liste:hover, a.liste:active  {
	font: 12px Arial, Helvetica, sans-serif;
}
.cours_intervenant{
	border:1px solid #999999;
	background-color:#ffffff;
	height:24px;
	margin:0 0 0 25px;
	padding:5px 0 0;
	width:550px;
}
.coursintervenant{
	float:left;
	width:90px;
}

/********************************************/
/*****************NAVIGATION*****************/
/********************************************/

/**********Positionnement du menu**********/

/*Mise en page du bloc niveau 1*/
#navGauche{

}
#navGauche ul{
	margin:0px;
	padding:20px 0 0 80px; /* Dernière valeur à modifier pour déplacer horizontalement le menu*/
}
#navGauche li{
	margin:0px;
	padding:0px;
}
/*Mise en page du bloc niveau 3*/
#navGauche ul.gaucheniv3 {
	margin:0px;
	padding:0px 0px 0px 10px;
}
#navGauche li.gaucheniv3 {
	margin:0px;
	padding:0px; 
}

/*****Menu dépliant*****/

ul.niv1{
	border-bottom:1px solid #ff8007;
	margin: 0px;
	padding: 0px;
}
li.niv1{
	margin: 0px;
	padding: 0px;
}

.niv1{
	background-color: #000000;
	color: #9a9a9a;
	font: 11px Arial, Helvetica, sans-serif;/*police texte par défaut*/
	position: absolute;
	top:94px;
	z-index:100;
}

.niv1 a, .niv1 a:link, .niv1 a:visited, .niv1 a.navOff1, .niv1 a.navOff1:link, .niv1 a.navOff1:visited{
	color: #9a9a9a;/* Couleur de texte de la navigation dépliante lorsque le lien est non actif */
	display: block;
	font: 11px Arial, Helvetica, sans-serif;/*police texte par défaut*/
	padding: 2px 3px 2px 13px;
	visibility:visible;
}
.niv1 a.navOn1, .niv1 a.navOn1:link, .niv1 a.navOn1:visited, .niv1 a:hover, .niv1 a.navOff1:hover{
	background-color: #000000;/* Couleur de fond de la navigation dépliante lorsque le lien est actif */
	color: #ff8007;/* Couleur de texte de la navigation dépliante lorsque le lien est actif */
	font: 11px Arial, Helvetica, sans-serif;/*police texte par défaut*/
	padding: 2px 3px 2px 13px;
	visibility:visible;
}
/*****Menu planning*****/
 ul.navplanning{
 	padding:0px;
	margin:15px 0 20px 53px;
}
.navplanning li{
	display: inline;
	list-style-type: none;
}
.navplanning{
	color: #ffffff;
	font: 11px Arial, Helvetica, sans-serif;/*police texte par défaut*/
}
.navplanning a, .niv1 a:link, .navplanningOff a:visited, .navplanning a.navplanningOff, .navplanning a.navplanningOff:link, .navplanning a.navplanningOff:visited{
	color: #ffffff;/* Couleur de texte de la navigation dépliante lorsque le lien est non actif */
	font: 12px Arial, Helvetica, sans-serif;/*police texte par défaut*/
	padding: 3px 5px;
}
.navplanning a.navplanningOn, .navplanning a.navplanningOn:link, .navplanning a.navplanningOn:visited, .navplanning a:hover, .navplanning a.navplanningOff:hover{
	color: #ff8007;/* Couleur de texte de la navigation dépliante lorsque le lien est actif */
	font: 12px Arial, Helvetica, sans-serif;/*police texte par défaut*/
	padding: 3px 5px;
}

.adherent{
	margin:100px 0 0 90px;
}
/********************************************/
/*****************PLANNING*******************/
/********************************************/

td.td_orange{
	background-color:#ff8007; 
	height:22px;
}
td.td_fond{
	background-color:#ffffff;
}
.heure{
	background-color:#000;
	color:#ffffff;
	display:block;
	font-size:10px;
	font-weight:bold;
	margin:2px 2px 5px 2px;
	padding:1px;
}
#dhtmltooltip{
	background-color: #ffffff;
	border: 1px solid #999999;
	left: -300px;
	padding: 5px;
	position: absolute;
	visibility: hidden;
	width: 150px;
	z-index: 100;
}
#dhtmlpointer{
	left: -300px;
	position:absolute;
	visibility: hidden;
	z-index: 101;
}

/********************************************/
/****************NEWSLETTER******************/
/********************************************/

#newsletter{
	font: 12px Arial, Helvetica, sans-serif;
	margin:0px;
	padding:0px;
}
#newsletter a, #newsletter a:hover, #newsletter a:visited, #newsletter a:active{
	font: 12px Arial, Helvetica, sans-serif;
	margin:0px;
	padding:0px;
	text-decoration:none;
}
#insc{

}
#insc p{
	color:#000000;
	padding:0px;
	margin:0px;
}
#anciennesNews{

}
#anciennesNews a,#anciennesNews a:visited{
	color:#000000;/* Couleur des liens de la newsletter */
}
#anciennesNews a:hover{
	color:#000000;/* Couleur des liens de la newsletter au survol/rollover */
}
#desinsc{

}
#desinsc p{
	color:#000000;
	padding:0px;
	margin:0px;
}

/********************************************/
/***************PAGE SUIVANTE****************/
/********************************************/
/*Bloc lien suivant/précédent*/
.pageSP {
	clear: both;
	font-weight: bold;
}
/*Positionnement du lien suivant*/
.pageS {
	float: right;
	padding:0 31px 0 0px;
}
/*Positionnement du lien précédent*/
.pageP {
	float: left;
	padding:0 0 0 26px;
}
.pageSP a:link, .pageSP a:visited, .pageSP a:active {
	background-color:#000000;
	color:#FFFFFF;
	display:block;
	font:12px Arial,Helvetica,sans-serif;
	padding:3px 5px;
	text-align:center;
	width:95px;
}
.pageSP a:hover{
	background-color:#000000;
	color:#FF8007;
	display:block;
	font: 12px Arial, Helvetica, sans-serif;
	padding:3px 5px;
	text-align:center;
	width:95px;
}

/********************************************/
/*******************LANGUE*******************/
/********************************************/

#lang{
	height:20px;
}
#lang img{
	border:0px;
	padding:0px;
	margin:0px 5px 0px 5px
}
#lang img a, #lang img a:hover, #lang img a:visited, #lang img a:active{
	border:0px;
	text-decoration:none;
}

/********************************************/
/*******************LIENS*******************/
/********************************************/

.texte{
}
.texte a:link, .texte a:visited, .texte a:active {
	color:#333333;
	font: 12px Arial, Helvetica, sans-serif;
}
.texte a:hover {
	color:#666666;
	font: 12px Arial, Helvetica, sans-serif;
}