/****************************** GENERAL ******************************/

body                    { margin: 0; text-align: center; margin-left: auto; margin-right: auto; margin-top: 0; width: 800px; background-color: #33313E; font-size: 70%; line-height: 1.4em; font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif; color: #FFF; }

a                       { color: #2493AE; font-weight: bolder; text-decoration: none; }
a:visited               { color: #2493AE; }
a:hover                 { color: #FFF; }

img                     { border: 0px; }

h1                      { color: #779ECD; margin: 0px 0px 0px 5px; font-size: 18px; text-align: center; }
h2                      { color: #779ECD; margin: 5px 0px 5px 0px; font-size: 14px; text-align: center; }
h3                      { color: #779ECD; margin: 0px 0px 0px 5px; font-size: 12px; }  
h4                      { color: #779ECD; margin: 0px 0px 0px 5px; font-size: 14px; }
hr                      { color: #779ECD; margin: 5px 0px 5px 0px; text-decoration: none; } 

table                   { padding: 0; background: transparent; text-align: left; font-size: 100%; }
tr                      { }
td                      { }

li                      { list-style-type: disc; /*list-style: square inside url(../../images/icon/li.png);*/ margin-left: 5px; color: #779ECD; }

form                    { margin: 0px; }

.menuLink               { color: #779ECD; font-size: 100%; text-align: left; }

.lien_supprimer         { color: red; font-weight: bolder; text-decoration: none; }
.lien_supprimer:visited { color: red; font-weight: bolder; text-decoration: none; }
.lien_supprimer:hover   { color: white; font-weight: bolder; text-decoration: none; }
.lien_modifier          { color: orange; font-weight: bolder; text-decoration: none; }
.lien_modifier:visited  { color: orange; font-weight: bolder; text-decoration: none; }
.lien_modifier:hover    { color: white; font-weight: bolder; text-decoration: none; }

#webringBarre           { width: 800px; position: absolute; margin: 0px 0px 0px 0px; top: 0px; z-index: 5; }

#bodyComment            { width: 600px; margin: 0; background-color: #474A5D; font-size: 70%; font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif; color: #FFF; }

#content                { width: 800px; }
#contentTop             { width: 800px; height: 100px; margin-top: 40px; background-image: url(../../images/div/header_1.jpg); }
#contentTopNext         { width: 800px; height: 45px; margin: 0; background-image: url(../../images/div/header_2.jpg); text-align: left; }
#contentTopNext span    { margin-left: 10px; color: #779ECD; text-align: left; }
#contentMenu            { margin-left: 10px; width: 160px; float: left; padding: 27px 0 0 0; }
#contentMenu span       { color: #779ECD; font-size: 100%; text-align: left; }
#contentMenu span a     { color: #779ECD; font-size: 100%; text-align: left; }   
#contentDyn             { width: 605px; float: left; padding: 0px 25px 0px 0px; text-align: left; }
#contentDyn span        { color: #779ECD; text-align: left; }
#contentPage            { width: 800px; float: left; padding: 0px; background: #47495E url(../../images/div/fond.jpg) repeat-y center top; padding-bottom: 20px; text-align: left; }
#contentBottom          { width: 800px; height: 80px; float: left; margin-bottom: 10px; background: #33313E url(../../images/div/footer.jpg) no-repeat center top; text-align: center; font-size: 80%; color: #779ECD; }
#contentBlock           { 
	margin-left: auto; 
	margin-right: auto; 
	
	padding: 2px; 
	float: left; 
	background: #47495E url(../../images/div/block.jpg) no-repeat center bottom; /* border: 1px solid #5E7899; */ 
	text-align: left; 
	font-size: 100%; 
}
#contentBlockTitle      { margin: 0px 0px 5px 0px; text-align: center; font-size: 110%; }
#contentAdmin           { float: left; padding:0; }

#flashNavigation        { padding-bottom: 20px; }

#msgInfo{
	border: 1px solid red;
}

/****************************** FORUM ******************************/

.forumCat               { border: 1px solid #2493AE; text-align: left; }
.forumIcon              { border: 1px solid #779ECD; text-align: center; width: 25px; }
.forumTitle             { border: 1px solid #779ECD; text-align: left; }
.forumLast              { border: 1px solid #779ECD; text-align: center; width: 100px; }
.forumResult            { border: 1px solid #779ECD; text-align: center; width: 50px; }

.forumTopicIcon         { border: 1px solid #779ECD; text-align: center; width: 25px; }
.forumTopicTitle        { border: 1px solid #779ECD; text-align: left; }
.forumTopicRep          { border: 1px solid #779ECD; text-align: center; width: 25px; }
.forumTopicUser         { border: 1px solid #779ECD; text-align: center; width: 50px; }  
.forumTopicView         { border: 1px solid #779ECD; text-align: center; width: 25px; }
.forumTopicLast         { border: 1px solid #779ECD; text-align: center; width: 100px; }
.forumTopicCheck        { border: 1px solid #779ECD; text-align: center; width: 25px; }

#forumHeader            { float: left; width: 100%; margin-bottom: 10px;}
#forumContent           { float: left; width: 100%; }

.legend { color: #FFF }

.indexforums { background: #33313E; }

.icon { background: #33313E; } 

.topic { background: #33313E; }

.topic_mod { background: #33313E; }

.post { background: #33313E; }

.view { background: #33313E; }

.last { background: #33313E; }

.check { background: #33313E; }

.post1 { background: #33313E; }

.post2 { background: #3B3A45; }

.rep { background: #33313E; }

.aut { background: #33313E; }

.aut_mod { background: #33313E; }


#bonjour{
	text-align: center;
}
#menu{
 	float: left;
	border: 1px solid black;
	margin-top: 50px;
	margin-right:10px;
	padding: 5px; 
}
#menu ul li{
	list-style: none;
	display: inline;
	padding: 5px;
}



/************************ AGENDA **************************************/
#menuAgenda form{
	display: inline;
	margin: 0 10 0 10;
}

#calendrier{
	float: left;
	margin-left : 5px;
	width: 100%;
/* 	border: 1px solid red; */
}

.semaine{
	float: left;
	width: 100%;
}
.entete{
	float: left;
	border: 1px solid #33313E;
	background-color: #2493AE;
	width: 13%; 
	margin: 0.2em;
	text-align : center;
	color: #33313E;
	font-weight: bolder;
}

.jour{
	float: left; 
	border: 1px solid #2493AE;
	width: 13%;
	height: 100px;
	margin: 0.2em;
	font-size: 10px;
}

html>body .jour { /*expression non comprise par ie*/
	height: auto;
	min-height: 100px;
} 


.jour a {
	margin-left: 3px;
	color: black;
}

.jour .spanVide {
	height: 15px;
	 
	background-color: #33313E; 
	border-bottom: 1px solid #2493AE;
}

.jour .spanNormal {
	height: 15px;
	background-color: #33313E; 
	border-bottom: 1px solid #2493AE;
}
.jour .spanNormal a{
	color: #2493AE;
}
.jour .spanSupDix{
	height: 15px;
	background-color: #33313E; 
	border-bottom: 1px solid #2493AE;
}
.jour .spanSupDix a{
	color: #2493AE;
}

.jour a{	
	color: black;
	font-size: 10px;
}


.jour a:hover{
	text-decoration: none;
	color: black;
}

.jour a:visited{
	color: black;
}
.jour.itemCurrentItem {
	/* A vous de configurer l'apparence de la date du jour */
	color: red;
}
.itemSelectedItem {
	
	/* A vous de configurer l'apparence du jour sélectionné */
}
.dateEvenement{
	background-color: red;
}
.blanc {
	color: white;
}

/************************** details des evenements *************************/

.thumbnail{
	position: relative;
	z-index: 0;
}
.thumbnail:hover{
	background-color: transparent;
	z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
	position: absolute;
	background-color: lightyellow;
	padding: 5px;
	left: -100px;
	border: 1px solid #2493AE;
	display: none;
	color: black;
	text-decoration: none;
	width: 400px;
}
.thumbnail span img{ /*CSS for enlarged image*/
	border-width: 0;
	padding: 2px;
}
.thumbnail:hover span{ /*CSS for enlarged image on hover*/
	display: block;
	top: 50px;
	left: -150px; /*position where enlarged image should offset horizontally */
}


#detailDate{
	text-align: right;
	padding-right: 10px;
}
#titreDate{
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: center;
	font-size: 15px;
}
#dateDate{
	text-align: center;
	font-size: 10px;
}

#descriptionDate{
	margin-top: 20px;
	margin-left: 5px;
	margin-right: 5px;
}
#testCouleur{
	margin-left: 10px;
	float: left;
}

#couleur{
	float: left;
}
/****************************************************************************/

#listDate{
	width: 100%;
}

/**************************** Annuaire ******************************************/

.titreCat{
	font-size: 14px;
	
}

.annuaire {
	border: 1px solid #2493AE;
	width: 275px;
	float: left;
	height: 80px;
	margin: 5px;

}
.annuaire p{
	text-align: center;
	margin:5px;
}

.annuaire span{
	font-weight: bolder;
	font-size: 1.2em;
	border-bottom: 1px solid #2493AE;
}

.bordOn{
	border: 1px solid #2493AE;
}

.bordOff{
	
}

.blockFiche{
    background-color: #47495E;
    border: 1px solid #5e7899;
    padding: 10px;
    margin-bottom: 5px;
}

.blockFiche span{
	display: block;
	margin: 10px 0 10px 0;
}

.blockFiche img{
	display: inline-block;
	margin-right: 10px;
}

.blockFiche .blockFicheVideo {
	text-align: center;
}

.blockFiche embed {
	margin-bottom: 50px;
}

.blockFiche .drag{
	margin-right: 10px;
	/* border: 1px solid black; */
	cursor: pointer;
	display: inline;
	width: 100px;
}

.blockFiche #dropDown{
	width: 100%;
	height: 50px;
	border: 1px dashed black;
	margin-top: 20px;
	font-style: italic;
	text-align: center;
}

.blockFicheProduit{
    border: 1px solid #5e7899;
    padding: 10px;
    margin-bottom: 5px;
}

#entete_liste td{
	width: 10%;
}

#liste_grossiste{
	margin:0px;
	padding:0;
}
#liste_grossiste li{
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
	width: 96%;
}
#liste_grossiste div{
	text-align: center;
	margin-left: 10px;
	float: left;
	width: 10%;
}

.blockFicheLogo{
	text-align: center;
	margin-bottom: 10px;
}
.blockFicheLogo img{
	border: 1px solid #5e7899;
}

#result{
	width: 100%;
	text-align: center;
}

#result td{
	padding: 5px 0 5px 0;
}

.trClair{
	background-color: #47495E;
}

.trClair td{
	padding: 3px;
}
.trFonce{
	background-color: #33313e;
}

.trFonce td {
	padding: 3px;
}

#test{
	border: 1px solid red;
}

#barreRecherche{
	border-top: 1px solid #47495E;
	border-bottom: 1px solid #47495E;
	padding: 3px;
	margin: 15px 0 15px 0;
}

#slectActivite{
	width: 450px;
	font-size: 11px;
}

#map{
	float: left;
	margin-left: 160px;
}
/*********************** Emplois ****************************************/

#offreEmploi .input{
	width: 400px;
}

.gras{
	font-weight: bolder;
}

#contenuOffre span{
	color: #779ECD;
	font-weight: bolder; 
}

/*********************** Articles ***********************************************/

#catArticles{
	margin-left: 20px;
}

#affArticleImprimer{
	margin-left: 150px;
}


/****************************** Agenda miniature ******************************/
#miniAgendaCalendrier{
	margin-left : 1px;
	margin-right : 1px;
	width: 130px;
	text-align: center;
	font-size: 9px;
	font-weight: bolder;
    background-color: #33313e;
	border: 1px solid #779ECD;
	padding: 5px 0 5px 5px;
    float: left;
	color: #779ecd;
}

.miniAgendaSemaine{
	width: 100%;
}

.miniAgendaEntete{
	float: left;
	border: 1px solid #33313E;
	background-color: #2493AE;
	width: 11%; 
	margin: 0.1em; 
	text-align : center;
	color: #33313E;
	font-weight: bolder;
}

.miniAgendaJour{
	float: left; 
	border: 1px solid #2493AE;
	border-bottom: 2px solid #2493AE;
	width: 11%;
	margin: 0.1em;
	font-size: 8px;
	padding-bottom: 2px;
}

.miniAgendaItemExistingItem{	
	color: #2493AE;
	font-size: 8px;
	/* text-decoration: underline;  */
}

.miniAgendaItemExistingItem:hover{
	text-decoration: none; 
	color: #2493AE;
}

.miniAgendaItemExistingItem:visited{
	color: #2493AE;
}
.miniAgendaItemCurrentItem {
	/* A vous de configurer l'apparence de la date du jour */
	color: red;
}
.miniAgendaItemCurrentItem:hover{
	/* A vous de configurer l'apparence de la date du jour */
	color: red;
}
.miniAgendaItemCurrentItem:visited {
	/* A vous de configurer l'apparence de la date du jour */
	color: red;
}

.miniAgendaJourFonce{
	float: left; 
	border: 1px solid #2493AE;
	border-bottom: 2px solid #2493AE;
	width: 11%;
	margin: 0.1em; 
	font-size: 8px;
	padding-bottom: 2px;
	background-color: black; 
}

.miniAgendaItemSelectedItem {
	
	/* A vous de configurer l'apparence du jour sélectionné */
}
.miniAgendaDateEvenement{
	background-color: red;
}
.miniAgendaBlanc {
	color: white;
}

.miniAgendaFinAgenda{
	visibility: hidden;
	clear: left;
    color: #141818;
    background-color: #141818;
}

.agendaDivViewEvent{
	position: absolute;
	margin-top: 20px;
	margin-left: -50px;
	display: block;
	background-color: pink;
	z-index: 5;
	width: 100px;
	border: 1px solid black;
}

.agendaTitre{
	border: 1px solid #779ECD;
	padding: 5px;
	margin-bottom: 5px;
}

/********************** FIn agenda miniature **********************/

/******************* UPLOAD IMG ************************/

.uploadImage{
	border: 1px solid #2493AE;
	float: left;
	width: 100px;
	padding: 5px;
	height: 50px;
	overflow: hidden;
	margin: 5px;
	cursor: pointer;
}

.uploadThemes{
	width: 32%;
	float: left;
	border: 1px dashed black;
	margin: 5px 5px 5px 0;
}

.uploadThemes img{
	vertical-align: middle;
	margin-right: 5px;
}

/****************** KITS DE PRESSE ********************/
#add_kit{
	padding: 10px 0 10px 10px;
}
#add_kit label{
	display: block;
	width: 150px;
	font-weight: bolder;
	margin: 10px 0 10px 0;
}
#add_kit input{
	display: block;
	width: 250px;
}

#add_kit textarea{
	display: block;
	width: 550px;
	height: 150px;
}

#add_kit a {
	margin-left: 10px;
}

#add_kit #btnSubmit{
	margin: auto;
	width: 70px;
}

#add_kit img{
	display: block;
}

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

.visibiliteLabel{
	display: inline-block;
	width: 70%;
	color: #779ECD;
}

.visibiliteDiv{
	display: none;
}

.visibiliteDiv li{
	border-bottom: 1px solid #2493AE;
	color: white;
}

/************ RECHERCHE ***********************/

#searchForm #titre{
	width: 400px;
}

#searchForm #sbtButton{
	clear: left;
}

#searchForm ul li label{
	vertical-align: middle;
}

#searchForm ul li input {
	vertical-align: middle;
}

#searchForm div{
	margin-top: 10px;
	float: left;
	width: 32%;
}

#searchForm ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#searchForm ul li{
	list-style: none;
}

.resultSearch{
	width: 100%;
	text-align: left;
	border-spacing: 0px;
	border-collapse: collapse; 
}

.resultSearch tr th{
	text-align: center;
}

.titreSearch{
	cursor: pointer;
	text-align: center;
	margin-bottom: 10px;
	text-decoration: underline;
}

/************************* Generateur de questionnaire *************************/
#menu_edition {
	cursor: pointer;
	border: 1px dashed #2493AE;
	padding: 5px;
	width: 350px;
	margin: auto;
	vertical-align: middle;
	z-index: 100;
	background-color: #33313e;
}

#menu_edition a{
	display: inline-block;
	/* border: 1px solid white; */
	height: 20px;
	vertical-align: middle;
	padding: 2px;
}

#menu_edition img{
	vertical-align: middle;
	border: 1px solid white;
} 

#formFormulaire{
	width: 580px;
	margin-left: 10px;
}

#formFormulaire .questions{
	margin-top: 10px;
	border: 1px solid #2493AE;
	padding: 5px;
}

#formFormulaire .questionHover{
	background-color: #33313e;
}

#formFormulaire .inputQuestion{
	width: 100%;
	margin-bottom: 5px;
}

#formFormulaire label{
	display: block;
}

#formFormulaire textarea{
	width: 95%;
	height: 100px;
}

.lblDur{
	display: block;
	width: 60px;
	font-weight: bolder;
}

#inputTitre{
	width: 100%;
}

#inputDescriptif{
	width: 100%;
	height: 100px;
}

/************ Voir les formulaires **************/

#divView {
	padding: 5px;
}

#divView  p{
	margin:0 0 5px 0;
	font-weight: bolder;
}
#divView  .blockFiche #descriptif{
	font-weight: normal;
}


#divView textarea{
	width: 100%;
	height: 100px;
}

/****************** Type produit ***********************/
.lblTypeProduit{
	display: inline-block;
	width: 60%;
	/*border: 1px solid red;*/
	cursor: pointer;
}