/*html {
	background: #93b7d3 url(../medias/communs/fond-bas.gif) no-repeat center bottom;
}
*/


body {
	margin: 0;
	margin-top: 30px;
	/*margin-bottom: 188px;*/
	font-family: Verdana;
	background-color: #93b7d3;
	
}

#neutre{
	margin: 0;
	padding: 0;
}

img{
	border: 0;
}

#main{
	background: url(../medias/communs/fond.gif) repeat-y center top;
	/*width: 1200px;*/
	/*height: 1024px;*/
	margin: auto;
}

#conteneur{
	width: 1010px;
	margin: auto;
}


#contenu{
	width: 980px;
	margin-left: 15px;
	height: 100%;
	background-color: #fff;
	display: block;
	clear: both;

}

#bandeau{
		background: transparent url(../medias/communs/bandeau.gif) no-repeat;
		/*width: 980px;*/
		width: 277px;
		/*height: 244px;*/
		height: 24px;
		padding: 220px 0 0 703px;
		color: #524c4d;
		font-size: 18px;
		font-weight: bold;
}

#lien-home{
	width: 450px;
	height: 230px;
	/*padding: 82px 19px 30px 37px;*/
	/*margin-left: 776px;*/
	/*margin-top: 45px;*/
	float: left;
	position: absolute;
	z-index: 0;
}

.txt-pt{
	color: #000;
	font-size: 9px;
}


.atxt-pt{
	color: #000;
	font-size: 9px;
	text-decoration: none;
}

.atxt-pt:hover{
	color: #000;
	font-size: 9px;
	text-decoration: underline;
}

.txt-g-rouge{
	font-size: 11px;
	font-weight: bold;
	/*color: #b30027;*/
	color: #903035;
}

.txt-g-rouge2{
	font-size: 11px;
	font-weight: bold;
	/*color: #b30027;*/
	color: #903035;
	margin-left: 5px;
	margin-bottom: 3px;
	display: block;
}

.txt-g-rouge3{
	font-size: 11px;
	font-weight: bold;
	/*color: #b30027;*/
	color: #903035;
	margin-bottom: 3px;
	display: block;
}

/* elements tableau  */
.txt-pt-g-rouge{
	/*color: #b30027;*/
	color: #903035;
	font-size: 9px;
	font-weight: bold;
}

.txt-pt-g-rouge a{
	/*color: #b30027;*/
	color: #903035;
	font-size: 9px;
	font-weight: bold;
	text-decoration: none;
}

.txt-pt-g-rouge a:hover{
	/*color: #b30027;*/
	color: #903035;
	font-size: 9px;
	font-weight: bold;
	text-decoration: underline;
}

.txt-pt-g-rouge-callage{
	/*color: #b30027;*/
	color: #903035;
	font-size: 9px;
	font-weight: bold;
	padding-left: 4px;
}

.txt-pt-g-gris{
	color: #000;
	font-size: 9px;
	font-weight: bold;
}

.txt-pt-g-gris-callage{
	color: #000;
	font-size: 9px;
	font-weight: bold;
	padding-left: 4px;
}

.txt{
	color: #000;
	font-size: 10px;
}

.txt02{
	color: #000;
	font-size: 11px;
}

.txt-callage{
	color: #524c4d;
	font-size: 10px;
	padding-left: 4px;
}

.txt-rouge{
	/*color: #b30027;*/
	color: #903035;
	font-size: 10px;
}

.txt-rouge-callage{
	/*color: #b30027;*/
	color: #903035;
	font-size: 10px;
	padding-left: 4px;
}

.txt-rouge-g{
	/*color: #b30027;*/
	color: #903035;
	font-size: 10px;
	font-weight: bold;
}

.txt-rouge-g-souligne{
	/*color: #b30027;*/
	color: #903035;
	font-size: 11px;
	font-weight: bold;
	text-decoration: underline;
}

.atxt-rouge-g-souligne{
	/*color: #b30027;*/
	color: #903035;
	font-size: 11px;
	font-weight: bold;
	text-decoration: underline;
}

.atxt-rouge-g-souligne:hover{
	/*color: #b30027;*/
	color: #903035;
	font-size: 11px;
	font-weight: bold;
	text-decoration: underline;
}

/**************************************************************************/
/*  Bas page  */
/**************************************************************************/

#bas-page{
	display: block;
	margin: auto;
	background: #93b7d3 url(../medias/communs/fond-bas.gif) no-repeat center bottom;
	/*height: 100%;*/
	height: 188px;
	clear: both;
}

#bas-page #credits{
	margin: auto;
	width: 964px;
	height: 80px;
	/*padding: 3px 10px 0 6px;*/
	padding-top: 3px;
}

#bas-page #credits #texte{
	height: 19px;
}

#bas-page #credits #texte #credits-gauche{
	float: left;
	/*color: #524c4d;*/
	color: #184177;
	font-weight: bold;
	font-size: 9px;
	margin-left: 6px;
}

#bas-page #credits #texte #credits-gauche a{
	/*color: #524c4d;*/
	color: #184177;
	font-weight: bold;
	text-decoration: none;
}

#bas-page #credits #texte #credits-gauche a:hover{
	/*color: #524c4d;*/
	color: #184177;
	font-weight: bold;
	text-decoration: underline;
}

#bas-page #credits #texte #credits-droite{
	float: right;
	/*color: #524c4d;*/
	color: #184177;
	font-size: 9px;
	margin-right: 10px;
}

#bas-page #credits #texte #credits-droite a{
	/*color: #524c4d;*/
	color: #184177;
	font-size: 9px;
	text-decoration: none;
}

#bas-page #credits #texte #credits-droite a:hover{
	/*color: #524c4d;*/
	color: #184177;
	font-size: 9px;
	text-decoration: underline;
}

#bas-page #credits #logos{
	/*display: block;*/
	/*height: 52px;*/
	/*float: right;*/
	/*margin-top: 12px;*/
	width: 980px;
	height: 105px;
	background-color: #fff;
	float: left;
	margin: 7px 0 0 -8px;
}

#bas-page #credits #logos ul{
	display:block;
	margin: 0;
	padding: 0;
	list-style-type: none;
	margin-left: 5px;
	text-align:center;
}

#bas-page #credits #logos li{
	display:inline;
}

#bas-page #credits #logos li a span{
	display: none;
}
/*
a#logo1{
		background: url(../medias/communs/bp.gif);
		width: 85px;
		height: 39px;
}

a#logo1:hover{
		background: url(../medias/communs/bp_over.gif);
}

a#logo2{
		background: url(../medias/communs/ca.gif);
		width: 32px;
		height: 39px;
}

a#logo2:hover{
		background: url(../medias/communs/ca_over.gif);
}

a#logo3{
		background: url(../medias/communs/ce.gif);
		width: 25px;
		height: 39px;
}

a#logo3:hover{
		background: url(../medias/communs/ce_over.gif);
}

a#logo4{
		background: url(../medias/communs/apicil.gif);
		width: 29px;
		height: 39px;
}

a#logo4:hover{
		background: url(../medias/communs/apicil_over.gif);
}

a#logo5{
		background: url(../medias/communs/eco.gif);
		width: 33px;
		height: 39px;
}

a#logo5:hover{
		background: url(../medias/communs/eco_over.gif);
}

a#logo6{
		background: url(../medias/communs/mairie.gif);
		width: 27px;
		height: 39px;
}

a#logo6:hover{
		background: url(../medias/communs/mairie_over.gif);
}
*/

.callage-logo01{
	margin-right: 20px;
	margin-left : 20px;
}


.callage-logo02{
	padding-left: 10px;
	margin-right: 30px;
}

.callage-logo03{
	padding-left: 100px;
	margin-right: 30px;
}

.callage-logo04{
	margin-right: 10px;
}


.text-logo {

font-size : 11px;
color : #000000;
padding-left : 780px;

}

/*    fin  Bas page *******************************************************/
/**************************************************************************/



/**************************************************************************/
/*  Menu principal  */
/**************************************************************************/
#menu{
		display: block;
		margin: 5px 0 0 5px;
}

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

#menu li{
		float: left;
}

#menu li a{
		display: block;
}

#menu li a span{
		display: none;
}

a#btn1{
		background: url(../medias/menu/presentation.gif);
		height: 25px;
		width: 153px;
}

a#btn1:hover{
		background: url(../medias/menu/presentation_over.gif);
}

a#btn2{
		background: url(../medias/menu/animations.gif);
		height: 25px;
		width: 153px;
}

a#btn2:hover{
		background: url(../medias/menu/animations_over.gif);
}

a#btn3{
		background: url(../medias/menu/exposants.gif);
		height: 25px;
		width: 153px;
}

a#btn3:hover{
		background: url(../medias/menu/exposants_over.gif);
}

a#btn4{
		background: url(../medias/menu/contact.gif);
		height: 25px;
		width: 153px;
}

a#btn4:hover{
		background: url(../medias/menu/contact_over.gif);
}

a#btn5{
		background: url(../medias/menu/pre-inscription.gif);
		height: 25px;
		width: 153px;
}

a#btn5:hover{
		background: url(../medias/menu/pre-inscription_over.gif);
}

/*    fin  Menu principal *************************************************/
/**************************************************************************/



.accroche{
	color: #000;
	font-weight: bold;
	font-size: 11px;
}

.img-titre{
	margin-top: 20px;
	margin-bottom: 20px;
	border: 0;
	/*float: left;*/
	text-align: left;
}

.img-titre2{
	margin-top: 20px;
	margin-bottom: 5px;
	border: 0;
	/*float: left;*/
	text-align: left;
}

.img-sstitre{
	margin: 15px 0 10px 6px;
	border: 0;
	/*float: left;*/
	text-align: left;
}

.img-sstitre2{
	margin: 15px 0 10px 19px;
	border: 0;
	/*float: left;*/
	text-align: left;
}

.img-sstitre3{
	margin: 15px 0 10px 15px;
	border: 0;
	/*float: left;*/
	text-align: left;
}

.txt-accroche{
	color: #524c4d;
	font-size: 11px;
	margin-bottom: 7px;
	margin-left: 14px;
}

.img-fleche{
	float: left;
	margin-right: 5px;
	margin-top: 4px;
	border: 0;
}

p{
	margin: 0;
	padding: 0;
}


/**************************************************************************/
/* Menus déroulants */
/**************************************************************************/

#menu1{
	margin-top: 2px;
	background: url(../medias/communs/fond-menu.gif) repeat-y;
	width: 133px;
	padding: 10px 9px 10px 11px;
}

#menu2{
	margin-top: 2px;
	background: url(../medias/communs/fond-menu.gif) repeat-y;
	width: 133px;
	padding: 10px 9px 10px 11px;
}

#menu3{
	margin-top: 2px;
	background: url(../medias/communs/fond-menu.gif) repeat-y;
	width: 133px;
	padding: 10px 9px 10px 11px;
}

.tit-menu{
	padding-left: 10px;
	display: block;
	color: #fff;
	font-size: 9px;
	font-weight: bold;
	background: url(../medias/communs/fleche-menu.gif) left 4px no-repeat;
	height: 1%;
	margin-bottom: 3px;
}

.tit-menu a{
	color: #fff;
	font-size: 9px;
	font-weight: bold;

	text-decoration: none;
}

.tit-menu a:hover{
	color: #fff;
	font-size: 9px;
	font-weight: bold;
	text-decoration: underline;
}

.tit-deroule{
	display: block;
	color: #fff;
	font-size: 9px;
	font-weight: bold;
	background: url(../medias/communs/fleche-menu-deroule.gif) left 4px no-repeat;
	height: 1%;
	padding-left: 10px;
}

.deroule{
	display: block;
}

.deroule ul{
	padding: 0;
	padding-left: 10px;
	margin: 0;
	list-style-type: none;
	margin-bottom: 3px;
}

.deroule li{
	padding-left: 5px;
	height:1%;
	color: #fff;
	font-size: 9px;
	font-weight: normal; 
	background: url(../medias/communs/fleche-menu-pt.gif) left 5px no-repeat;
	line-height: 11px;
}

.deroule li a{
	color: #fff;
	font-size: 9px;
	text-decoration: none;
}

.deroule li a:hover{
	color: #fff;
	font-size: 9px;
	text-decoration: underline;
}


/*    fin  Menus déroulants ***********************************************/
/**************************************************************************/



/**************************************************************************/
/* Home */
/**************************************************************************/

#elements-home{
	margin: 0;
	padding: 0;
	margin-left: 25px;
	width: 721px;
	display: block;
	clear: both;
}

#elements-home #txt-home{
	clear: both;
	display: block;
	/*color: #585656;*/
	color: #000;
	font-size: 11px;
}

#elements-home #homebloc01{
	height: 255px;
	float: left;
	margin-top: 20px;
	width: 721px;
	display: block;
}

#elements-home #homebloc01 #animhome{
	width: 480px;
	float: left;
	font-size: 10px;
	/*color: #524c4d;*/
	color: #000;
}


#elements-home #homebloc01 #animhome{
	width: 480px;
	float: left;
	font-size: 10px;
	/*color: #524c4d;*/
	color: #000;
}


#elements-home #homebloc01 #animhome{
	width: 480px;
	float: left;
	font-size: 10px;
	/*color: #524c4d;*/
	color: #000;
}

#callage-txtanimhome{
	padding-left: 20px;
	width : 450px;
}

#elements-home {
	float: left;
	font-size: 10px;
	/*color: #524c4d;*/
	color: #000;
}

#homebloc01 {
	float: left;
	font-size: 10px;
	width : 450px!important;
	/*color: #524c4d;*/
	color: #000;
}

#listemetiers{
	float: right;
	font-size: 10px;
	/*color: #524c4d;*/
	color: #000;
	margin-top: 10px;
}

.callage-liste{
	padding-left: 20px;
}

#elements-home #homebloc02{
	margin-top: 26px;
	display: block;
	width: 700px;
	float: left;
	margin-bottom: 20px;
	font-size: 10px;
	color: #524c4d;
}

#elements-home #homebloc02 #exphome{
	/*margin-left: 17px;*/
	font-size: 10px;
	/*color: #524c4d;*/
	color: #000;
	width: 335px;
	float: left;
	/*padding-left: 25px;*/
}

.text-blocshome{
	padding-left: 15px;
	width: 320px;
}


#elements-home #homebloc02 #consultations{
	float: right;
	color: #000;
	width: 335px;
	margin-left: 17px;
	font-size: 10px;
	/*padding-left: 25px;*/
}

.btn-plusinfos{
	display: block;
	background: url(../medias/communs/btn-fleche.gif) left no-repeat;
	padding-left: 22px;
	height:15px;
	font-size: 9px;
	/*color: #b50b26;*/
	color: #903035;
	font-weight: bold;
	text-decoration: underline;
	margin-top: 15px;
	margin-left: 0;
}

.btn-plusinfos a{
	font-size: 9px;
	/*color: #b50b26;*/
	color: #903035;
	font-weight: bold;
	text-decoration: underline;
}

.btn-plusinfos a:hover{
	font-size: 9px;
	/*color: #b50b26;*/
	color: #903035;
	font-weight: bold;
	text-decoration: underline;
}
.btn-plusinfos02{
	display: block;
	background: url(../medias/communs/btn-fleche.gif) left no-repeat;
	padding-left: 22px;
	height:15px;
	font-size: 9px;
	/*color: #b50b26;*/
	color: #903035;
	font-weight: bold;
	text-decoration: underline;
	margin-top: 15px;
	/*margin-left: 17px;*/
}

.btn-plusinfos02 a{
	font-size: 9px;
	/*color: #b50b26;*/
	color: #903035;
	font-weight: bold;
	text-decoration: underline;
}

.btn-plusinfos02 a:hover{
	font-size: 9px;
	/*color: #b50b26;*/
	color: #903035;
	font-weight: bold;
	text-decoration: underline;
}

/*    fin  Home ***********************************************************/
/**************************************************************************/

/**************************************************************************/
/* page présentation / qui sommes nous ?*/
/**************************************************************************/


#elements-presentation{
	/*margin: 0;*/
	/*padding: 0;*/
	margin-left: 25px;
	width: 955px;
	/*height: 500px;*/
	display: block;
	clear: both;
	margin-bottom: 70px;
}

#elements-presentation #gauche{
	width: 720px;
	float: left;
}

#elements-presentation #droite{
	width: 204px;
	float: right;
	height: 450px;
}

#elements-presentation #droite #fond-presentation{
	width: 204px;
	height: 296px;
	background: url(../medias/pages/presentation/visuel-presentation.jpg) no-repeat top left;
	margin: 0;
	padding: 0;
	font-size: 0;
	margin-top: 19px;
	line-height: 1%;
}

#droite #deroulant{
	display: block;
	width: 204px;
	font-size: 10px;
	font-weight: bold;
	color: #903035;
	text-align: left;
}

#droite #deroulant .liste-deroulant{
	margin-left: 5px;
	color: #524c4d;
	font-size: 10px;
	width: 188px;
	height: 21px;
	padding-left: 3px;
	margin-top: 5px;
}


#elements-presentation #qui{
	display: block;
	clear: both;
	height: 335px;
	margin-top: 20px;
}

#elements-presentation #qui #txt-qui{
	float: left;
	width: 100%;
	/*color: #585656;*/
	color: #000;
	font-size: 10px;
	margin-top: 20px;
}

#elements-presentation #qui #txt-qui ul{
	list-style-type: none;
	width: 450px;
	margin: 0;
	padding: 0;
	margin-left: 20px;
	margin-top: 15px;
}

#elements-presentation #qui #txt-qui li{
	background: url(../medias/communs/fleche-rouge.gif) no-repeat left 4px;
	padding-left: 7px;
	height:1%;
	margin-bottom: 10px;
}

#elements-presentation #qui #visuel-qui{
	float: right;
	background: url(../medias/pages/presentation/affiche-qui.jpg) no-repeat top left;
	width: 220px;
	height: 335px;
}

.vert-cci{
	color: #88c86f;
	font-size: 11px;
	font-weight: bold;
}

.jaune-cci{
	color: #ffd387;
	font-size: 11px;
	font-weight: bold;
}

.rouge-cci{
	color: #ce1a30;
	font-size: 11px;
	font-weight: bold;
}

.bleu-cci{
	color: #95b6df;
	font-size: 11px;
	font-weight: bold;
}

.violet-cci{
	color: #b0afd7;
	font-size: 11px;
	font-weight: bold;
}

.titre-lien-article{
	background: url(../medias/pages/plan/fleche.gif) left no-repeat;
	/*color: #b30027;*/
	color: #903035;
	font-size: 9px;
	padding-left: 20px;
	font-weight: bold;
	/*height: 18px;*/
	/*padding-top: 3px;*/
	text-decoration: underline;
	/*line-height: 2em;*/
	height: 15px;
	display: block;
	float: left;
}

.lien-article{
	/*color: #b30027;*/
	color: #903035;
	font-size: 9px;
	text-decoration: none;
}


.lien-article a{
	/*color: #b30027;*/
	color: #903035;
	font-size: 9px;
	text-decoration: none;
}

.lien-article a:hover{
	font-size: 9px;
	/*color: #b30027;*/
	color: #903035;
	text-decoration: underline;
}




/*    fin page présentation ***********************************************/
/**************************************************************************/


/**************************************************************************/
/* page présentation - rub 02 - le forum*/
/**************************************************************************/

.margebas{
	clear: both;
	margin-bottom: 70px;
	visibility: hidden;
}

#elements-presentation-forum{
	/*margin: 0;*/
	/*padding: 0;*/
	margin-left: 25px;
	width: 955px;
	display: block;
	clear: both;
	/*margin-bottom: 70px;*/
}

#elements-presentation-forum #gauche{
	width: 720px;
	float: left;
}

#elements-presentation-forum #droite{
	width: 204px;
	float: right;
	height: 450px;
}

#elements-presentation-forum #droite #fond-forum{
	width: 204px;
	height: 296px;
	background: url(../medias/pages/presentation/visuel-raisons.jpg) no-repeat top left;
	margin: 0;
	padding: 0;
	font-size: 0;
	margin-top: 19px;
	line-height: 1%;
}

#droite #deroulant{
	display: block;
	width: 204px;
	font-size: 10px;
	font-weight: bold;
	color: #903035;
	text-align: left;
}

#droite #deroulant .liste-deroulant{
	margin-left: 5px;
	color: #524c4d;
	font-size: 10px;
	width: 188px;
	height: 21px;
	padding-left: 3px;
	margin-top: 5px;
}

.accroche-forum{
	color: #000;
	font-size: 11px;
	font-weight: bold;
	margin-bottom: 15px;
	margin-left: 15px;
	clear: both;
}

.accroche-forum2{
	color: #000;
	font-size: 11px;
	margin-bottom: 15px;
	margin-left: 15px;
	clear: both;
}

#contenu-forum-animco{
	display: block;
}

#contenu-forum-animco #visuels-forum-animco{
	width: 250px;
	float: right;
}

#contenu-forum-animco #txt-forum-animco{
	width: 415px;
	float: left;
	color: #000;
	font-size: 10px;
	text-align: left;
}

#contenu-forum-animco #txt-forum-animco ul{
	padding: 0;
	margin: 0;
	list-style-type: none;
	font-size: 0;
	margin-left: 40px;
	margin-top: 20px;
	margin-bottom: 30px;
}

#contenu-forum-animco #txt-forum-animco li{
	background: url(../medias/pages/plan/fleche-gris.gif) left 4px no-repeat;
	color: #000;
	font-size: 10px;
	font-weight: normal;
	padding-left: 8px;
	margin-bottom: 10px;
}


.txt-g-rouge3{
	font-size: 10px;
	font-weight: bold;
	/*color: #b30027;*/
	color: #903035;
	margin-left: 25px;
	margin-bottom: 3px;
	display: block;
	background: url(../medias/communs/fleche-rouge.gif) no-repeat left 4px;
	padding-left: 7px;
}


#contenu-forum-exposants{
	display: block;
}

#contenu-forum-exposants #visuels-forum-exposants{
	width: 250px;
	float: right;
}

#contenu-forum-exposants #txt-forum-exposants{
	width: 415px;
	float: left;
	color: #000;
	font-size: 10px;
	text-align: left;
}

#contenu-forum-concept, #contenu-zoom-forum{
	display: block;
}

#contenu-forum-concept #visuels-forum-concept{
	width: 250px;
	float: right;
}

#contenu-forum-concept #txt-forum-concept, #txt-zoom-forum{
	width: 415px;
	float: left;
	color: #000;
	font-size: 10px;
	text-align: left;
}

#txt-zoom-forum{
	float:none;
	width:100%;
}


#contenu-forum-modalites{
	display: block;
}

#contenu-forum-modalites #bloc-mod01{
	width: 520px;
	margin-left: 25px;
	height: 17px;
	/*color: #585656;*/
	color: #000;
	font-size: 10px;
	padding: 23px 55px 25px 65px;
	background: url(../medias/pages/presentation/fond-mod01.gif) no-repeat left;
	margin-top: 15px;
	margin-bottom: 22px;
}

#contenu-forum-modalites #bloc-mod04{
	width: 520px;
	margin-left: 25px;
	height: 58px;
	/*color: #585656;*/
	color: #000;
	font-size: 10px;
	padding: 23px 55px 25px 65px;
	background: url(../medias/pages/presentation/fond-mod04.gif) no-repeat left;
	margin-bottom: 22px;
}


#contenu-forum-modalites #bloc-mod02{
width: 520px;
	margin-left: 25px;
	height: 101px;
	/*color: #585656;*/
	color: #000;
	font-size: 10px;
	padding: 23px 55px 25px 65px;
	background: url(../medias/pages/presentation/fond-mod02.gif) no-repeat left;
}


#contenu-forum-modalites #bloc-mod03{
	width: 520px;
	margin-left: 25px;
	height: 133px;
	/*color: #585656;*/
	color: #000;
	font-size: 10px;
	padding: 23px 55px 25px 65px;
	background: url(../medias/pages/presentation/fond-mod03.gif) no-repeat left;
	margin-bottom: 22px;
}



#contenu-forum-modalites #txt-forum-modalites{
	width: 415px;
	float: left;
	color: #524c4d;
	font-size: 10px;
	text-align: left;
}

/* petite popup info metier page concept  */
.popup-infometier{
	width: 300px;
	background: #efd7cc url(../medias/pages/presentation/fond-popinfometiers.gif) no-repeat left top ;
	color: #bd2244;
	font-size: 10px;
	padding: 32px 58px 0 113px;
}

.btn-fermer-infometier{
	margin-top: 3px;
	display: block;
	/*float: right;*/
	text-align: right;
	padding-bottom: 10px;
	font-size: 9px;
	color: #524c4d;
	font-weight: normal;
}

.abtn-fermer-infometier{
	font-size: 9px;
	color: #524c4d;
	text-decoration: none;
}

.abtn-fermer-infometier:hover{
	font-size: 9px;
	color: #524c4d;
	text-decoration: underline;
}


/*    fin page forum ******************************************************/
/**************************************************************************/


/**************************************************************************/
/* page présentation - rub 03 - les raisons */
/**************************************************************************/


#elements-presentation-raisons{
	/*margin: 0;*/
	/*padding: 0;*/
	margin-left: 25px;
	width: 955px;
	display: block;
	clear: both;
}

#elements-presentation-raisons #gauche{
	width: 720px;
	float: left;
}

#elements-presentation-raisons #droite{
	width: 204px;
	float: right;
	height: 450px;
}

#elements-presentation-raisons #droite #fond-raisons{
	width: 204px;
	height: 296px;
	background: url(../medias/pages/presentation/visuel-forum.jpg) no-repeat top left;
	margin: 0;
	padding: 0;
	font-size: 0;
	margin-top: 19px;
	line-height: 1%;
}

#droite #deroulant{
	display: block;
	width: 204px;
	font-size: 10px;
	font-weight: bold;
	color: #903035;
	text-align: left;
}

#droite #deroulant .liste-deroulant{
	margin-left: 5px;
	color: #524c4d;
	font-size: 10px;
	width: 188px;
	height: 21px;
	padding-left: 3px;
	margin-top: 5px;
}

#contenu-tempsforts{
	width: 665px;
	text-align: left;
	margin-left: 15px;
}

#contenu-tempsforts .evenement{
	display: block;
	width: 660px;
	background: #fff;
	margin: auto;
	/*position: relative;*/
	/*margin-bottom: 20px;*/
	padding: 10px;
	/*padding: 40px 0 20px 275px ;*/
	/*color: #585656;*/
	color: #000;
	font-size: 10px;
	margin-bottom: 20px;
}

.evenement .blocimg {
	/*position: relative;*/
	/*top: 10px;*/
	/*left: 20px;*/
	/*background-color: #F00;*/
	height: 152px;
	width: 245px;
	float: left;
	/*z-index: 2;*/
}

.evenement .blocimg .blocvisuel{
	margin-left: 8px;
}

.evenement .blocimg .bloclegende{
	color: #b50b26;
	font-size: 9px;
	background: url(../medias/pages/presentation/fond-legende.gif) no-repeat left;
	padding-left: 18px;
	padding-top: 9px;
	display: block;
	width: 241px;
	height: 26px;
}

.evenement .bloctitre {
	position: relative;
	top: 10px;
	left: 180px;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	/*padding: 9px;*/
	/*width: 100px;*/
	line-height: 26px;
	width: 500px
	/*z-index: 5;*/
}

.evenement .bloctitre span{
	background-color: #184177;
	padding: 9px;
}

.evenement .bloctxt{
	/*padding-top: -145px;*/
	/*position: relative;*/
	/*background-color: #ffc;*/
	width: 382px;
	/*height: 100px;*/
	float: left;
	/*left: 280px;*/
	/*top: -145px;*/
	margin: 25px 0 0 20px;
}

.clear {
	clear: both;
	display: block;
	visibility: hidden;
}

#contenu-nouveautes{
	width: 665px;
	text-align: left;
	margin-left: 15px;
}

#contenu-nouveautes #visuel-nouveautes{
	float: left;
	width: 200px;
	height: 323px;
}

#contenu-nouveautes #txt-nouveautes{
	float: left;
	margin-left: 25px;
	width: 392px;
}

#txt-nouveautes #bloc01-new{
	display: block;
	margin-bottom: 40px;
	margin-top: 20px;
}

#txt-nouveautes #bloc02-new{
	display: block;
	margin-bottom: 40px;
}

#txt-nouveautes #bloc03-new{
	display: block;
}

.titre-nouveaute{
	width: 374px;
	background-color: #184177;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	padding: 9px;
	display: block;
}

.txt-nouveaute{
	width: 352px;
	padding: 15px 20px 0 20px;
	/*color: #585656;*/
	color: #000;
	font-size: 10px;
	display: block;
}

#contenu-pourquoi{
	width: 665px;
	text-align: left;
	margin-left: 15px;
}

#contenu-pourquoi ul{
	padding: 0;
	margin: 0;
	list-style-type: none;
	font-size: 0;
	margin-left: 40px;
	margin-top: 20px;
	margin-bottom: 30px;
}

#contenu-pourquoi li{
	background: url(../medias/pages/plan/fleche-gris.gif) left 4px no-repeat;
	color: #000;
	font-size: 10px;
	font-weight: normal;
	padding-left: 8px;
	height:1%;
	/*margin-bottom: 10px;*/
}


#contenu-pourquoi #bloc-pk01{
	width: 520px;
	margin-left: 25px;
	height: 70px;
	/*color: #585656;*/
	color: #000;
	font-size: 10px;
	padding: 23px 55px 25px 65px;
	background: url(../medias/pages/presentation/fond-pk01.gif) no-repeat left;
	margin-top: 15px;
	margin-bottom: 22px;
}


#contenu-pourquoi #bloc-pk02{
	width: 520px;
	margin-left: 25px;
	height: 88px;
	/*color: #585656;*/
	color: #000;
	font-size: 10px;
	padding: 23px 55px 25px 65px;
	background: url(../medias/pages/presentation/fond-pk02.gif) no-repeat left;
	margin-bottom: 22px;
}


#contenu-pourquoi #bloc-pk03{
	width: 520px;
	margin-left: 25px;
	height: 50px;
	/*color: #585656;*/
	color: #000;
	font-size: 10px;
	padding: 23px 55px 25px 65px;
	background: url(../medias/pages/presentation/fond-pk03.gif) no-repeat left;
	margin-bottom: 22px;
}


#contenu-pourquoi #bloc-pk04{
	width: 520px;
	margin-left: 25px;
	height: 101px;
	/*color: #585656;*/
	color: #000;
	font-size: 10px;
	padding: 23px 55px 25px 65px;
	background: url(../medias/pages/presentation/fond-pk04.gif) no-repeat left;
	margin-bottom: 22px;
}

#contenu-pourquoi #bloc-pk05{
	width: 520px;
	margin-left: 25px;
	height: 50px;
	/*color: #585656;*/
	color: #000;
	font-size: 10px;
	padding: 23px 55px 25px 65px;
	background: url(../medias/pages/presentation/fond-pk05.gif) no-repeat left;
}


/*    fin page raisons ****************************************************/
/**************************************************************************/


/**************************************************************************/
/* page présentation - rub 04 - infos pratiques */
/**************************************************************************/


#elements-presentation-infos{
	/*margin: 0;*/
	/*padding: 0;*/
	margin-left: 25px;
	width: 955px;
	display: block;
	clear: both;
	margin-bottom: 50px;
}

#elements-presentation-infos #gauche{
	width: 720px;
	float: left;
}

#elements-presentation-infos #droite{
	width: 204px;
	float: right;
	height: 450px;
}

#elements-presentation-infos #droite #fond-infos{
	width: 204px;
	height: 296px;
	background: url(../medias/pages/presentation/visuel-infos.jpg) no-repeat top left;
	margin: 0;
	padding: 0;
	font-size: 0;
	margin-top: 19px;
	line-height: 1%;
}

#droite #deroulant{
	display: block;
	width: 204px;
	font-size: 10px;
	font-weight: bold;
	color: #903035;
	text-align: left;
}

#droite #deroulant .liste-deroulant{
	margin-left: 5px;
	color: #524c4d;
	font-size: 10px;
	width: 188px;
	height: 21px;
	padding-left: 3px;
	margin-top: 5px;
}

#infos-clair{
	width: 560px;
	height: 402px;
	background: #f3f3f3 url(../medias/pages/presentation/infos-carre-clair.gif) right bottom no-repeat;
	/*color: #585656;*/
	color: #000;
	font-size: 10px;
	margin-left: 40px;
	padding: 25px 60px 13px 40px;
	margin-bottom: 22px;
}

#infos-fonce{
	width: 560px;
	height: 332px;
	background: #e2e2e2 url(../medias/pages/presentation/infos-carre-fonce.gif) right bottom no-repeat;
	color: #000;
	font-size: 10px;
	margin-left: 40px;
	padding: 20px 60px 8px 40px;
	margin-bottom: 22px;
}

.titre-infosp{
	color: #903035;
	font-size: 11px;
	font-weight: bold;
	background: url(../medias/communs/fleche-rouge.gif) no-repeat left 5px;
	padding-left: 8px;
}

#chap2{
	width: 560px;
	clear: both;
	display: block;
	/*margin-bottom: 20px;*/
}

.titre-infosp2{
	float: left;
	width: 80px;
	color: #903035;
	font-size: 11px;
	font-weight: bold;
	background: url(../medias/communs/fleche-rouge.gif) no-repeat left 5px;
	padding-left: 8px;
}

.titre-infosp3{
	float: left;
	width: 45px;
	color: #903035;
	font-size: 11px;
	font-weight: bold;
	background: url(../medias/communs/fleche-rouge.gif) no-repeat left 5px;
	padding-left: 8px;
}

.titre-infosp4{
	float: left;
	width: 120px;
	color: #903035;
	font-size: 11px;
	font-weight: bold;
	background: url(../medias/communs/fleche-rouge.gif) no-repeat left 5px;
	padding-left: 8px;
	display: block;
	clear: both;
	margin-top: 20px;
}

.titre-infosp5{
	float: left;
	width: 120px;
	color: #903035;
	font-size: 11px;
	font-weight: bold;
	background: url(../medias/communs/fleche-rouge.gif) no-repeat left 5px;
	padding-left: 8px;
	display: block;
	clear: both;
}

.titre-infosp6{
	float: left;
	width: 350px;
	color: #903035;
	font-size: 11px;
	font-weight: bold;
	background: url(../medias/communs/fleche-rouge.gif) no-repeat left 5px;
	padding-left: 8px;
	display: block;
	clear: both;
}

.txt-fonce{
	width: 550px;
	/*color: #524c4d;*/
	color: #000;
	font-size: 10px;
	display: block;
	clear: both;
	padding-left: 8px;
}

.atxt-fonce{
	color: #000;
	font-size: 10px;
	text-decoration:none;
}

.atxt-fonce:hover{
	color: #000;
	font-size: 10px;
	text-decoration:underline;
}

#chap2 .txt-chap2{
	text-align: left;
	float: left;
	width: 470px;
}

#chap3{
	width: 560px;
	clear: both;
	display: block;
	font-size: 0;
	padding-top: 20px;
}

#chap3 #visuel-chap3{
	float: right;
	height: 269px;
	width: 175px;
	display: block;
}

#chap3 #txt-chap3{
	width: 360px;
	float: left;
}

#chap3 .txt-lieu{
	font-size: 10px;
	text-align: left;
	float: left;
	width: 250px;
	float: left;
}

.txt-acces{
	font-size: 10px;
	width: 320px;
	margin-left: 17px;
	display: block;
	clear: both;
	margin-bottom: 7px;
}

.txt-acces2{
	font-size: 10px;
	width: 250px;
	display: block;
	float: left;
	clear: both;
	/*margin-bottom: 7px;*/
}

.titre-acces{
	font-size: 10px;
	font-weight: bold;
	display: block;
	clear: both;
	padding-top: 10px;
	padding-left: 10px;
}

.titre-acces2{
	font-size: 10px;
	font-weight: bold;
	display: block;
	clear: both;
	padding-top: 20px;
	padding-left: 10px;
	padding-bottom: 5px;
}

.titre-lien-article2{
	background: url(../medias/pages/plan/fleche.gif) left no-repeat;
	color: #903035;
	font-size: 9px;
	padding-left: 20px;
	font-weight: bold;
	/*height: 18px;*/
	/*padding-top: 3px;*/
	text-decoration: underline;
	margin-left: 17px;
	clear: both;
	height: 18px;
	display: block;
	float: left;
}

.titre-lien-article3{
	background: url(../medias/pages/plan/fleche.gif) left no-repeat;
	color: #903035;
	font-size: 9px;
	padding-left: 20px;
	font-weight: bold;
	/*height: 18px;*/
	/*padding-top: 3px;*/
	text-decoration: underline;
	margin-left: 20px;
	clear: both;
	height: 15px;
	/*line-height: 1em;*/
	/*display: block;*/
	display: block;
	float: left;
}

.titre-lien-infos{
	background: url(../medias/pages/plan/fleche.gif) left no-repeat;
	color: #903035;
	font-size: 9px;
	padding-left: 20px;
	font-weight: bold;
	/*height: 18px;*/
	/*padding-top: 3px;*/
	text-decoration: underline;
	margin-left: 8px;
	clear: both;
	height: 18px;
	display: block;
	padding-top: 3px;
	/*margin-top: 5px;*/
}

.titre-lien-infos a{
	color: #903035;
	font-size: 9px;
	font-weight: bold;
	text-decoration: underline;
}

.titre-lien-infos a:hover{
	color: #903035;
	font-size: 9px;
	font-weight: bold;
	text-decoration: underline;
}

#restauration{
	width: 560px;
	clear: both;
	display: block;
	font-size: 0;
	padding-top: 5px;
	margin: 0;
	margin-top: -6px;
}

#restauration #visuel-resto{
	float: right;
	height: 153px;
	width: 303px;
	display: block;
	margin-top: 3px;
}

.txt-resto{
	color: #000;
	font-size: 10px;
	float: left;
}

.txt-resto2{
	padding-left: 7px;
	display: block;
	clear: both;
	width: 250px;
}

/*    fin page infos ****************************************************/
/**************************************************************************/


/**************************************************************************/
/* page présentation - rub 05 - retrospective */
/**************************************************************************/


#elements-presentation-retro{
	/*margin: 0;*/
	/*padding: 0;*/
	margin-left: 25px;
	width: 955px;
	/*height: 500px;*/
	display: block;
	clear: both;
}

#elements-presentation-retro #gauche{
	width: 720px;
	float: left;
}

#elements-presentation-retro #droite{
	width: 204px;
	float: right;
	height: 450px;
}

#elements-presentation-retro #droite #fond-retro{
	width: 204px;
	height: 296px;
	background: url(../medias/pages/presentation/visuel-retro.jpg) no-repeat top left;
	margin: 0;
	padding: 0;
	font-size: 0;
	margin-top: 19px;
	line-height: 1%;
}

#droite #deroulant{
	display: block;
	width: 204px;
	font-size: 10px;
	font-weight: bold;
	color: #903035;
	text-align: left;
}

#droite #deroulant .liste-deroulant{
	margin-left: 5px;
	color: #524c4d;
	font-size: 10px;
	width: 188px;
	height: 21px;
	padding-left: 3px;
	margin-top: 5px;
}

#contenu-retro{
	width: 703px;
	margin-left: 19px;
}

#contenu-retro .ligne{
	width: 633px;
	height: 115px;
	padding: 18px 37px 15px 30px;
	background: url(../medias/pages/presentation/fond-mediatheque.gif) no-repeat;
	margin-bottom: 20px;
	clear: both;
}

#contenu-retro .ligne .photo{
	background: url(../medias/pages/presentation/photo.gif) no-repeat;
	width: 105px;
	height: 70px;
	padding: 23px 5px 22px 26px;
	margin-right: 22px;
	float: left;
}

#contenu-retro .ligne .photo-v{
	background: url(../medias/pages/presentation/photo.gif) no-repeat;
	width: 70px;
	height: 105px;
	padding: 5px 22px 5px 44px;
	margin-right: 22px;
	float: left;
}

#contenu-retro .ligne .txt-video{
	float: left;
	margin-left: 15px;
	color: #903035;
	font-size: 10px;
	font-weight: bold;
	width: 411px;
	margin-top: 10px;
}

#contenu-retro .ligne .video{
	background: url(../medias/pages/presentation/video.gif) no-repeat;
	width: 105px;
	height: 70px;
	padding: 23px 5px 22px 26px;
	margin-right: 22px;
	float: left;
	text-align:center;
}

.player{
	color: #313131;
	font-size: 9px;
	font-weight: bold;
}

#contenu-zoom{
	width: 703px;
	margin-left: 19px;
}


/*    fin page retro ******************************************************/
/**************************************************************************/





/**************************************************************************/
/* sous-menu pages présentation */
/**************************************************************************/


#sous-menu{
	background: url(../medias/communs/fond-ssmenu.gif) top left no-repeat;
	width: 701px;
	height: 21px;
	padding-top: 8px;
	padding-left: 20px;
}

#sous-menu ul{
	list-style-type: none;
	padding: 0;
	margin: 0;
}

#sous-menu li{
	float: left;
	color: #000;
	font-size: 11px;
	background: url(../medias/communs/fleche-ssmenu.gif) left 5px no-repeat;
	padding-left: 6px;
	margin-right: 20px;
}

#sous-menu li a{
	color: #000;
	font-size: 11px;
	text-decoration: none;
}

#sous-menu li a:hover{
	color: #000;
	font-size: 11px;
	text-decoration: underline;
}

#sous-menu .select{
	background: url(../medias/communs/fond-select-ssmenu.gif) left top repeat-x;
	color: #903035;
	font-weight: bold;
	font-size: 11px;
	height: 15px;
	padding: 0 9px 0 0;
}

#sous-menu li span{
	display: block;
	float: left;
	line-height: 1em;
	background: url(../medias/communs/fleche-select-ssmenu.gif) no-repeat;
	height: 15px;
	width: 15px;
	margin-right: 4px;
}

/*    fin sous-menu  ******************************************************/
/**************************************************************************/





/**************************************************************************/
/* page animations collectives */
/**************************************************************************/

#elements-animations{
	margin: 0;
	padding: 0;
	margin-left: 25px;
}

.boite-cocher{ 
	background-color: #fff; 
	width: 13px; 
	height: 13px; 
	border: solid 1px #1c5180; 
	margin-top: 3px;
}

/*
td img{
	padding: 0;
	margin: 0;
	border: 0;
}*/

#selection-anim{
	width: 905px;
	height: 57px;
	padding-left: 25px;
	margin-bottom: 20px;
	background: url(../medias/pages/animations-co/fond-selectionanimco.gif) repeat-y top left;
	font-size: 11px;
	color: #000;
	font-weight: bold;
}

#selection-anim ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#selection-anim li{
	float: left;
	margin-top: 6px;
}

.chbx{
	margin-top: -2px;
	float: left;
	display: block;
}

.espacement-liste01{
	margin-right: 115px;
}

.espacement-liste02{
	margin-right: 90px;
}

#planning-animco{
	width: 870px;
	height: 587px;
	padding-left: 60px;
	padding-top: 30px;
	background: url(../medias/pages/animations-co/fond-animco.gif) no-repeat top left;
	margin-bottom: 18px;
}

#planning-animco #col-conferences{
	width: 160px;
	height: 585px;
	margin-right: 14px;
	float: left;
}

#planning-animco #col-ateliers01{
	width: 160px;
	height: 585px;
	margin-right: 14px;
	float: left;
}

#planning-animco #col-ateliers02{
	width: 160px;
	height: 585px;
	margin-right: 14px;
	float: left;
}

#planning-animco #col-tribunes{
	width: 160px;
	margin-right: 14px;
	float: left;
}

#planning-animco #col-pays{
	width: 160px;
	height: 585px;
	float: left;
}


/* planning grand  */
#planning-animco-gd{
	width: 870px;
	height: 1188px;
	padding-left: 60px;
	padding-top: 30px;
	background: url(../medias/pages/animations-co/fond-animco-gd.gif) no-repeat top left;
	margin-bottom: 18px;
}

#planning-animco-gd #col-conferences{
	width: 160px;
	height: 585px;
	margin-right: 14px;
	float: left;
}

#planning-animco-gd #col-ateliers01{
	width: 160px;
	height: 585px;
	margin-right: 14px;
	float: left;
}

#planning-animco-gd #col-ateliers02{
	width: 160px;
	height: 585px;
	margin-right: 14px;
	float: left;
}

#planning-animco-gd #col-tribunes{
	width: 160px;
	margin-right: 14px;
	float: left;
}

#planning-animco-gd #col-pays{
	width: 160px;
	height: 585px;
	float: right;
	margin-right: 14px;
}

/*   */
.animation-rouge{
	width: 137px;
	background: url(../medias/pages/animations-co/fond-rouge.gif) repeat-y;
	color: #000;
	font-weight: bold;
	font-size: 9px;
	padding: 3px 10px 3px 13px;
	display: block;
	margin-bottom: 10px;
	margin-top: 150px;
}

.animation-rouge .tit-rouge{
	color: #903035;
	font-weight: bold;
	font-size: 9px;
}

.animation-rouge .tit-rouge a{
	color: #903035;
	font-weight: bold;
	font-size: 9px;
	text-decoration: none;
}

.animation-rouge .tit-rouge a:hover{
	color: #903035;
	font-weight: bold;
	font-size: 9px;
	text-decoration: underline;
}

.animation-grisclair{
	width: 137px;
	background: url(../medias/pages/animations-co/fond-grisclair.gif) repeat-y;
	color: #000;
	font-size: 9px;
	padding: 3px 10px 3px 13px;
	display: block;
	margin-bottom: 10px;
}

.animation-grisclair a{
	color: #000;
	font-size: 9px;
	text-decoration: none;
}

.animation-grisclair a:hover{
	color: #000;
	font-size: 9px;
	text-decoration: underline;
}


.animation-grisfonce{
	width: 137px;
	background: url(../medias/pages/animations-co/fond-grisfonce.gif) repeat-y;
	color: #000;
	font-size: 9px;
	padding: 3px 10px 3px 13px;
	display: block;
	margin-bottom: 10px;
}

.animation-grisfonce a{
	color: #000;
	font-size: 9px;
	text-decoration: none;
}

.animation-grisfonce a:hover{
	color: #000;
	font-size: 9px;
	text-decoration: underline;
}


/* encarts bas de page  */

#encarts-baspage{
	display: block;
	height: 185px;
	/*margin-bottom: 60px;*/
}

#encarts-baspage-pt{
	display: block;
	height: 129px;
	margin-top: 40px;
	width: 719px;
	margin-left: 30px;
	clear: both;
	margin-bottom: 30px;
}

#encarts-baspage #encart-exposant{
	background: url(../medias/pages/animations-co/fond-exposant.jpg) no-repeat top left;
	float: left;
	width: 100px;
	height: 80px;
	line-height: 12px;
	/*color: #585656;*/
	color: #000;
	font-size: 10px;
	padding: 22px 40px 23px 114px;
}

#encarts-baspage-pt #encart-exposant-pt{
	background: url(../medias/communs/fond-exposant-pt.jpg) no-repeat top left;
	float: left;
	width: 99px;
	height: 73px;
	line-height: 12px;
	/*color: #585656;*/
	color: #000;
	font-size: 10px;
	padding: 28px 26px 28px 106px;
}

#encarts-baspage #encart-interets{
	background: url(../medias/pages/animations-co/fond-interets.jpg) no-repeat top left;
	float: left;
	width: 100px;
	height: 80px;
	line-height: 12px;
	/*color: #585656;*/
	color: #000;
	font-size: 10px;
	padding: 22px 38px 23px 116px;
}

#encarts-baspage-pt #encart-interets-pt{
	background: url(../medias/pages/animations-co/fond-interets.jpg) no-repeat top left;
	float: left;
	width: 100px;
	height: 80px;
	line-height: 12px;
	/*color: #585656;*/
	color: #000;
	font-size: 10px;
	padding: 22px 38px 23px 116px;
}


#encarts-baspage-pt #encart-animco-pt{
	background: url(../medias/communs/fond-animco-pt.jpg) no-repeat top left;
	float: left;
	width: 99px;
	height: 73px;
	line-height: 12px;
	/*color: #585656;*/
	color: #000;
	font-size: 10px;
	padding: 28px 26px 28px 106px;
}

#encarts-baspage #encart-preinsc{
	/*background: url(../medias/pages/animations-co/fond-preinsc.jpg) no-repeat top left;*/
	float: left;
	/*width: 140px;*/
	/*height: 30px;*/
	margin-left: 130px;
	margin-top: 70px;
}

#encarts-baspage-pt #encart-preinsc{
	/*background: url(../medias/pages/animations-co/fond-preinsc.jpg) no-repeat top left;*/
	float: left;
	width: 140px;
	height: 30px;
	margin-left: 20px;
	margin-top: 30px;
}

.btn-clic{
	color: #903035;
	font-size: 9px;
	font-weight: bold;
	background: url(../medias/communs/fleche-rouge2.gif) no-repeat right;
	float: right;
	padding-right: 10px;
	text-decoration: underline;
	margin-top: 10px;
}

.btn-clic a{
	color: #903035;
	font-size: 9px;
	font-weight: bold;
	text-decoration: underline;
}

.btn-clic a:hover{
	color: #903035;
	font-size: 9px;
	font-weight: bold;
	text-decoration: underline;
}


/******************/
/* popup anim co  */
/******************/

#popup-animco{
	width: 705px;
	height: 510px;
}

#popup-animco #bandeau-popup-animco{
	width: 705px;
	height: 95px;
	background: url(../medias/popup/bandeau-popup.jpg) no-repeat;
}

#popup-animco #contenu-animco{
	display: block;
	width: 705px;
	height: 415px;
	background: url(../medias/popup/fond-popup.gif) no-repeat;
}

#popup-animco #contenu-animco #elements-txt{
	height: 327px;
	width: 705px;
	padding: 18px 30px 25px 15px;
}

#elements-txt #gauche{
	float: left;
	height: 328px;
	width: 370px;
	overflow: auto;
	scrollbar-face-color:#ecdade; 
	scrollbar-highlight-color:#ecdade; 
	scrollbar-3dlight-color:#C0C0C0; 
	scrollbar-darkshadow-color:#ecdade; 
	scrollbar-shadow-color:#808080; 
	scrollbar-arrow-color:#fff; 
	scrollbar-track-color:#f8f8f8;
}

#elements-txt #gauche #titre{
	text-align: left;
	margin-bottom: 20px;
	/*width: 360px;*/
}

#elements-txt #gauche #titre #horaires{
	text-align: left;
	width: 60px;
	color: #b20025;
	font-size: 10px;
	font-weight: bold;
	float: left;
	margin-top: 3px;
}

#elements-txt #gauche #titre #intitule{
	text-align: left;
	color: #b20025;
	font-size: 20px;
	font-weight: bold;
	float: left;
	width: 275px;
	margin-left: 5px;
	margin-bottom: 10px;
	/*clear: both;*/
}

#elements-txt #gauche #resume-anim{
	clear: both;
	display: block;
	font-size: 10px;
	color: #494646;
	margin-top:10px;
}

#elements-txt #droite{
	float: left;
	margin-left: 70px;
	
	width: 243px;
	padding-top:45px;
	scrollbar-face-color:#fff; 
	scrollbar-highlight-color:#fff; 
	scrollbar-3dlight-color:#C0C0C0; 
	scrollbar-darkshadow-color:#fff; 
	scrollbar-shadow-color:#808080; 
	scrollbar-arrow-color:#a9a7a1; 
	scrollbar-track-color:#f8f8f8;
	
}

#elements-txt #droite #liste-intervenant{
	
	width: 220px;
	overflow: auto;
	padding-bottom:15px;
	height: 285px;
	/*padding-top: 43px;*/
}

#elements-txt #droite #liste-intervenant #detail-intervenant{
	width: 148px;
	height: 70px;
	background: url(../medias/popup/intervenant01.jpg) no-repeat top left;
	padding-left: 72px;
	padding-top: 5px;
	color: #494646;
	font-size: 10px;
	margin-bottom: 30px;
}

#popup-animco #contenu-animco #btn-animco{
	display: block;
	width: 705px;
	height: 44px;
}

#btn-animco #ajout{
	width: 280px;
	height: 32px;
	float: left;
	padding-left: 95px;
}

#btn-animco #btn-txt{
	margin-top: 5px;
	float: right;
	width: 100px;
	color: #524c4d;
	font-size: 9px;
}

#btn-animco #btn-txt a{
	color: #524c4d;
	font-size: 9px;
	text-decoration: none;
}

#btn-animco #btn-txt a:hover{
	color: #524c4d;
	font-size: 9px;
	text-decoration: underline;
}

.txtg-rouge{
	font-size: 10px;
	font-weight: bold;
	color: #903035;
}

/* popup infos */
#popup-infos-anim{
	width: 185px;
	height: 155px;
	background: #EFD7CC url(../medias/pages/animations-co/picto-fond-popup.gif) no-repeat left top ;
	color: #000;
	font-size: 10px;
	text-align: left;
	padding: 25px 15px 20px 100px;
}

#popup-ajout-anim{
	width: 238px;
	height: 95px;
	background: #f3edef url(../medias/pages/animations-co/picto-fond-valider.gif) no-repeat left top ;
	color: #bd2244;
	font-size: 10px;
	font-weight: bold;
	padding: 30px 77px 0 125px;
}

.btn-ajout-anim{
	margin-top: 40px;
	float: right;
	font-size: 9px;
	color: #524c4d;
	font-weight: normal;
}

.abtn-ajout-anim{
	font-size: 9px;
	color: #524c4d;
	text-decoration: none;
}

.abtn-ajout-anim:hover{
	font-size: 9px;
	color: #524c4d;
	text-decoration: underline;
}

#popup-alerte-anim{
	width: 317px;
	height: 100px;
	background: #f3edef url(../medias/pages/animations-co/picto-fond-alerte.gif) no-repeat left top ;
	color: #bd2244;
	font-size: 10px;
	font-weight: bold;
	padding: 25px 20px 0 103px;
}

.btn-alerte-anim{
	margin-top: 30px;
	float: right;
	font-size: 9px;
	color: #524c4d;
	font-weight: normal;
}

.abtn-alerte-anim{
	font-size: 9px;
	color: #524c4d;
	text-decoration: none;
}

.abtn-alerte-anim:hover{
	font-size: 9px;
	color: #524c4d;
	text-decoration: underline;
}


/*    fin  page animations collectives ************************************/
/**************************************************************************/







/**************************************************************************/
/* page mentions */
/**************************************************************************/


#elements-mentions{
	/*margin: 0;*/
	/*padding: 0;*/
	margin-left: 25px;
	width: 955px;
	/*height: 500px;*/
	display: block;
	clear: both;
}

#elements-mentions #gauche{
	width: 688px;
	float: left;
	/*color: #585656;*/
	color: #000;
	font-size: 10px;
	padding-right: 32px;
	text-align: justify;
}

#elements-mentions #gauche a{
	/*color: #585656;*/
	color: #000;
	font-size: 10px;
	text-align: justify;
	text-decoration: none;
}

#elements-mentions #gauche a:hover{
	/*color: #585656;*/
	color: #000;
	font-size: 10px;
	text-align: justify;
	text-decoration: underline;
}

#elements-mentions #droite{
	width: 204px;
	float: right;
	height: 450px;
}

#elements-mentions #droite #fond-mentions{
	width: 204px;
	height: 296px;
	background: url(../medias/pages/mentions/visuel-mentions.jpg) no-repeat top left;
	margin: 0;
	padding: 0;
	font-size: 0;
	margin-top: 19px;
	line-height: 1%;
}

#droite #deroulant{
	display: block;
	width: 204px;
	font-size: 10px;
	font-weight: bold;
	color: #903035;
	text-align: left;
}

#droite #deroulant .liste-deroulant{
	margin-left: 5px;
	color: #524c4d;
	font-size: 10px;
	width: 188px;
	height: 21px;
	padding-left: 3px;
	margin-top: 5px;
}
/*    fin page mentions  **************************************************/
/**************************************************************************/

/**************************************************************************/
/* page cnil */
/**************************************************************************/


#elements-cnil{
	/*margin: 0;*/
	/*padding: 0;*/
	margin-left: 25px;
	width: 955px;
	height: 500px;
	display: block;
	clear: both;
}

#elements-cnil #gauche{
	width: 688px;
	float: left;
	/*color: #585656;*/
	color: #000;
	font-size: 10px;
	padding-right: 32px;
	text-align: justify;
}

#elements-cnil #gauche a{
	/*color: #585656;*/
	color: #000;
	font-size: 10px;
	text-decoration: underline;
}

#elements-cnil #gauche a:hover{
	/*color: #585656;*/
	color: #000;
	font-size: 10px;
	text-decoration: underline;
}

#elements-cnil #droite{
	width: 204px;
	float: right;
	height: 450px;
}

#elements-cnil #droite #fond-cnil{
	width: 204px;
	height: 296px;
	background: url(../medias/pages/mentions/visuel-mentions.jpg) no-repeat top left;
	margin: 0;
	padding: 0;
	font-size: 0;
	margin-top: 19px;
	line-height: 1%;
}

#droite #deroulant{
	display: block;
	width: 204px;
	font-size: 10px;
	font-weight: bold;
	color: #903035;
	text-align: left;
}

#droite #deroulant .liste-deroulant{
	margin-left: 5px;
	color: #524c4d;
	font-size: 10px;
	width: 188px;
	height: 21px;
	padding-left: 3px;
	margin-top: 5px;
}


/*    fin page cnil  ******************************************************/
/**************************************************************************/



/**************************************************************************/
/* page pre-inscription */
/**************************************************************************/


#elements-preinsc{
	/*margin: 0;*/
	/*padding: 0;*/
	margin-left: 25px;
	width: 955px;
	/*height: 500px;*/
	display: block;
	clear: both;
}

#elements-preinsc #gauche{
	width: 688px;
	float: left;
	/*color: #585656;*/
	color: #000;
	font-size: 10px;
	padding-right: 32px;
	text-align: justify;
}

#elements-preinsc #gauche #etapes{
	background: url(../medias/pages/pre-insc/fond-etapes.gif) no-repeat top left;
	width: 686px;
	height: 22px;
	padding-left: 30px;
	padding-top: 7px;
	margin-bottom: 30px;
}

#elements-preinsc #gauche #etapes ul{
	padding: 0;
	margin: 0;
	list-style-type: none;
}

#elements-preinsc #gauche #etapes li{
	color: #524c4d;
	font-size: 11px;
	float: left;
	padding-right: 34px;
}

.etape-selection{
	font-weight: bold;
	color: #524c4d;
	font-size: 11px;
}

#elements-preinsc #gauche .accroche-presinc{
	padding-left: 33px;
	font-size: 11px;
	display: block;
	clear: both;
}

#elements-preinsc #gauche .accroche-deja-presinc{
	/*padding-left: 33px;*/
	font-size: 11px;
	display: block;
	clear: both;
}

#elements-preinsc #gauche #callage-boutons{
	margin-bottom: 30px;
	margin-top: 30px;
	float: right;
}


#elements-preinsc #droite{
	width: 204px;
	float: right;
	height: 450px;
}

#elements-preinsc #droite #fond-preinsc{
	width: 204px;
	height: 296px;
	background: url(../medias/pages/pre-insc/visuel-preinsc.jpg) no-repeat top left;
	margin: 0;
	padding: 0;
	font-size: 0;
	margin-top: 19px;
	line-height: 1%;
}

#droite #deroulant{
	display: block;
	width: 204px;
	font-size: 10px;
	font-weight: bold;
	color: #903035;
	text-align: left;
}

#droite #deroulant .liste-deroulant{
	margin-left: 5px;
	color: #524c4d;
	font-size: 10px;
	width: 188px;
	height: 21px;
	padding-left: 3px;
	margin-top: 5px;
}

.callage-cellules{
	padding-left: 4px;
}

.callage-tableau{
	margin-left: 5px;
}

table{
	margin-bottom: 10px;
	margin-top: 10px;
}

/* popup alerte */
#popup-alerte-preinsc{
	width: 304px;
	height: 85px;
	background: #EFD7CC url(../medias/pages/pre-insc/picto-fond-popup.gif) no-repeat left top;
	color: #bd2244;
	font-size: 10px;
	font-weight: bold;
	text-align: left;
	padding: 40px 27px 0 109px;
}

.btn-preinsc{
	margin-top: 40px;
	float: right;
	font-size: 9px;
	color: #524c4d;
	font-weight: normal;
}

.abtn-preinsc{
	font-size: 9px;
	color: #524c4d;
	text-decoration: none;
}

.abtn-preinsc:hover{
	font-size: 9px;
	color: #524c4d;
	text-decoration: underline;
}

/*  >>> ETAPE 02  */
.callage-tableau02{
	margin-left: 64px;
	width: 583px;
}

.champs-tab02{
	/*color: #585656;*/
	color: #000;
	font-weight: bold;
	font-size: 10px;
	padding-left: 15px;
	text-align: left;
}

.input-champs02{
	width: 279px;
	height: 12px;
	/*color: #585656;*/
	color: #000;
	font-size: 10px;
	padding-left: 3px;
}

.input-champs02-deroule{
	width: 285px;
	height: 17px;
	/*color: #585656;*/
	color: #000;
	font-size: 10px;
	padding-left: 3px;
}

.callage-boutons02{
	margin-bottom: 22px;
	margin-top: 17px;
	float: right;
}

#mentions-form{
	width: 583px;
	display: block;
	font-size: 9px;
	/*color: #585656;*/
	color: #000;
	/*text-align: justify;*/
	clear: both;
	margin-left: 64px;
	line-height: 11px;
	margin-bottom: 30px;
}

#mentions-form a{
	/*color: #585656;*/
	color: #000;
	font-size: 9px;
	text-decoration: none;
}

#mentions-form a:hover{
	/*color: #585656;*/
	color: #000;
	font-size: 9px;
	text-decoration: underline;
}

/* >>> ETAPE 03 */
#txt-preinsc03{
	font-size: 11px;
	color: #524c4d;
	width: 707px;
	padding-left: 10px;
	margin-bottom: 70px;
}

/*    fin page pre-inscription  *******************************************/
/**************************************************************************/


/**************************************************************************/
/* page centres d'intérets */
/**************************************************************************/

#elements-interets{
	margin-left: 25px;
	width: 955px;
	/*height: 500px;*/
	display: block;
	clear: both;
}

#elements-interets #gauche{
	width: 688px;
	float: left;
	/*color: #585656;*/
	color: #000;
	font-size: 10px;
	padding-right: 32px;
	/*text-align: justify;*/
	margin-bottom: 20px;
}

#elements-interets #gauche #contenustxt-interets{
	color: #000;
	font-size: 11px;
	margin-bottom: 25px;
}

#elements-interets #gauche .interets-ferme{
	width: 658px;
	padding: 10px 15px 10px 15px;
	margin-bottom: 10px;
	display: block;
}

#elements-interets #gauche .interets-ouvert{
	width: 658px;
	padding: 10px 15px 10px 15px;
	margin-bottom: 10px;
	display: block;
	background:  #eeeeee url(../medias/pages/exposants/coin.gif) right bottom no-repeat;
}

ul.interet-ouvert {
	margin: 0;
	padding: 0;
	list-style-type: none;
	margin-left: 14px;
	text-align: left;
	margin-top: 10px;
	display: block;
}

ul.interet-ouvert li {
	margin-bottom: -1px;
	height:1%;
}

ul.interet-ouvert li span {
	/*margin-right: 5px;*/
	/*margin-bottom: 3px;*/
	margin-left: 7px;
	margin-bottom: 5px;
}

ul.interet-ouvert02 {
	margin: 0;
	padding: 0;
	list-style-type: none;
	margin-left: 37px;
	text-align: left;
	margin-top: 10px;
}

ul.interet-ouvert02 li {
	margin-bottom: -1px;
	height:1%;
}

ul.interet-ouvert02 li span {
	/*display: block;*/
	/*float: left;*/
	margin-right: 5px;
	margin-bottom: 3px;
}

.checkbox-align{
	vertical-align: text-bottom;
}

.accroche-interets{
	font-size: 10px;
	color: #000;
	padding-left: 17px;
	display: block;
}

.titre-ferme{
	color: #903035;
	font-size: 11px;
	font-weight: bold;
	background: url(../medias/pages/exposants/plus.gif) left no-repeat;
	display: block;
	padding-left: 14px;
}

.titre-ouvert{
	color: #903035;
	font-size: 11px;
	font-weight: bold;
	background: url(../medias/pages/exposants/moins.gif) left no-repeat;
	display: block;
	padding-left: 14px;
}

.tab-exposants-cocher{
	color: #000;
	font-size: 9px;
	padding-left: 5px;
}

#elements-interets #droite{
	width: 204px;
	float: right;
	height: 450px;
}

#elements-interets #droite #fond-interets{
	width: 204px;
	height: 296px;
	background: url(../medias/pages/exposants/visuel-interets.jpg) no-repeat top left;
	margin: 0;
	padding: 0;
	font-size: 0;
	margin-top: 19px;
	line-height: 1%;
}


/* popup validation interet  */

#popup-valid-interet{
	width: 288px;
	height: 95px;
	background: #EFD7CC url(../medias/pages/exposants/picto-fond-valid.gif) no-repeat left top;
	color: #bd2244;
	font-size: 10px;
	font-weight: bold;
	text-align: left;
	padding: 30px 27px 0 125px;
}

.btn-interet{
	margin-top: 40px;
	float: right;
	font-size: 9px;
	color: #524c4d;
	font-weight: normal;
}

.abtn-interet{
	font-size: 9px;
	color: #524c4d;
	text-decoration: none;
}

.abtn-interet:hover{
	font-size: 9px;
	color: #524c4d;
	text-decoration: underline;
}


/* fin page centres d'intérets  *******************************************/
/**************************************************************************/





/**************************************************************************/
/* page exposants */
/**************************************************************************/

#elements-exposants{
	margin-left: 25px;
	width: 955px;
	/*height: 500px;*/
	display: block;
	clear: both;
}

#elements-exposants #gauche{
	width: 688px;
	float: left;
	/*color: #585656;*/
	color: #000;
	font-size: 10px;
	padding-right: 32px;
	text-align: justify;
	margin-bottom: 20px;
}

#elements-exposants #gauche #contenustxt-exposants{
	color: #000;
	font-size: 11px;
	margin-bottom: 25px;
}

#elements-exposants #gauche .exposants-ferme{
	width: 658px;
	padding: 10px 15px 10px 15px;
	margin-bottom: 5px;
	display: block;
}

#elements-exposants #gauche .exposants-ouvert{
	width: 658px;
	padding: 10px 15px 10px 15px;
	margin-bottom: 10px;
	display: block;
	background:  #eeeeee url(../medias/pages/exposants/coin.gif) right bottom no-repeat;
}

#elements-exposants #gauche .exposants-ouvert .rubrique-exp{
	margin-left: 33px;
	width: 620px;
	margin-top: 8px;
}

.titre-rub-exp{
	color: #000;
	font-size: 11px;
	font-weight: bold;
	background: url(../medias/communs/fleche-rouge.gif) left 4px no-repeat;
	padding-left: 7px;
}

.titre-rub-exp02{
	color: #000;
	font-size: 11px;
	font-weight: bold;
	background: url(../medias/communs/fleche-rouge.gif) 10px 4px no-repeat;
	margin-left: 22px;
	display: block;
	padding-left: 18px;
}

#elements-exposants #gauche .exposants-ouvert .rubrique-exp ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	margin-left: 34px;
	margin-top: 3px;
	margin-bottom: 10px;
	display: block;
}

#elements-exposants #gauche .exposants-ouvert .rubrique-exp li {
	/*margin-bottom: 3px;*/
	/*height:1%;*/
	background: url(../medias/communs/fleche-lien.gif) left no-repeat;
	color: #903035;
	font-size: 9px;
	font-weight: bold;
	text-decoration: underline;
	padding-left: 20px;
	height: 16px;
	padding-top: 3px;
}

#elements-exposants #gauche .exposants-ouvert .rubrique-exp li a{
	color: #903035;
	font-size: 9px;
	font-weight: bold;
	text-decoration: underline;
}

#elements-exposants #gauche .exposants-ouvert .rubrique-exp li a:hover{
	color: #903035;
	font-size: 9px;
	font-weight: bold;
	text-decoration: underline;
}




ul.rubrique-exp li span {
	display: block;
	float: left;
	margin-right: 5px;
}

.checkbox-align{
	vertical-align: text-bottom;
}

.titre-ferme{
	color: #903035;
	font-size: 11px;
	font-weight: bold;
	background: url(../medias/pages/exposants/plus.gif) left no-repeat;
	display: block;
	padding-left: 14px;
}

.titre-ouvert{
	color: #903035;
	font-size: 11px;
	font-weight: bold;
	background: url(../medias/pages/exposants/moins.gif) left no-repeat;
	display: block;
	padding-left: 14px;
}

#elements-exposants #droite{
	width: 204px;
	float: right;
	height: 450px;
}

#elements-exposants #droite #fond-exposants{
	width: 204px;
	height: 296px;
	background: url(../medias/pages/exposants/visuel-exp.jpg) no-repeat top left;
	margin: 0;
	padding: 0;
	font-size: 0;
	margin-top: 19px;
	line-height: 1%;
}


/********************/
/* popup exposant   */
/********************/

#popup-exposant{
	width: 705px;
	height: 510px;
}

#popup-exposant #bandeau-popup-exposant{
	width: 705px;
	height: 95px;
	background: url(../medias/popup/bandeau-popup.jpg) no-repeat;
}

#popup-exposant #contenu-exposant{
	display: block;
	width: 705px;
	height: 415px;
	background: url(../medias/popup/fond-popup.gif) no-repeat;
}

#popup-exposant #contenu-exposant #elements-txt{
	height: 327px;
	width: 705px;
	padding: 18px 30px 25px 15px;
}
/*
#elements-txt #gauche{
	float: left;
	height: 328px;
	width: 370px;
	overflow: auto;
	scrollbar-face-color:#ecdade; 
	scrollbar-highlight-color:#ecdade; 
	scrollbar-3dlight-color:#C0C0C0; 
	scrollbar-darkshadow-color:#ecdade; 
	scrollbar-shadow-color:#808080; 
	scrollbar-arrow-color:#fff; 
	scrollbar-track-color:#f8f8f8;
}
*/
#elements-txt #gauche #titre-exp{
	text-align: left;
	margin-bottom: 20px;
	color: #903035;
	font-size: 13px;
	font-weight: bold;
	margin-left: 10px;
}

#elements-txt #gauche #intitule-exp{
	display: block;
	text-align: center;
	/*width: 370px;*/
	color: #000;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 40px;
}

#elements-txt #gauche #adresse-exp{
	font-size: 9px;
	color: #000;
}

#elements-txt #gauche #adresse-exp a{
	color: #903035;
	font-weight: bold;
	font-size: 9px;
	text-decoration: underline;
}

#elements-txt #gauche #adresse-exp a:hover{
	color: #903035;
	font-weight: bold;
	font-size: 9px;
	text-decoration: underline;
}

#elements-txt #gauche #details-exp{
	color: #000;
	font-size: 10px;
	text-align: left;
	display: block;
	margin-top: 20px;
	padding-right:7px;
}
/*
#elements-txt #droite{
	float: left;
	margin-left: 70px;
	height: 328px;
	width: 243px;
	overflow: auto;
	scrollbar-face-color:#fff; 
	scrollbar-highlight-color:#fff; 
	scrollbar-3dlight-color:#C0C0C0; 
	scrollbar-darkshadow-color:#fff; 
	scrollbar-shadow-color:#808080; 
	scrollbar-arrow-color:#a9a7a1; 
	scrollbar-track-color:#f8f8f8;
}

#elements-txt #droite{
	width: 220px;
	height: 285px;
	padding-top: 43px;
}
*/
#elements-txt #droite #logo{
	width: 175px;
	height: 100px;
	margin-top: 5px;
	margin-bottom: 22px;
	margin-left: 25px;
}

#elements-txt #droite #contact-exp{
	margin-left: 25px;
	font-size: 10px;
	color: #000;
}

#elements-txt #droite #contact-exp a{
	font-size: 10px;
	color: #000;
	text-decoration: underline;
}

#elements-txt #droite #contact-exp a:hover{
	font-size: 10px;
	color: #000;
	text-decoration: underline;
}

#popup-exposant #contenu-exposant #btn-exposant{
	display: block;
	width: 705px;
	height: 44px;
}

#btn-exposant #ajout-exp{
	width: 280px;
	height: 32px;
	float: left;
	padding-left: 95px;
}

#btn-exposant #btn-txt{
	margin-top: 5px;
	float: right;
	width: 100px;
	color: #000;
	font-size: 9px;
}

#btn-exposant #btn-txt a{
	color: #000;
	font-size: 9px;
	text-decoration: none;
}

#btn-exposant #btn-txt a:hover{
	color: #000;
	font-size: 9px;
	text-decoration: underline;
}

#elements-txt #droite #liste-exposant{
	width: 220px;
 	overflow: auto;
	padding-bottom:15px;
	height: 285px;
 /*padding-top: 43px;*/
}
 
#elements-txt #gauche #intitule-exp-2{
 padding-top:10px;
}

.txtg-rouge{
	font-size: 10px;
	font-weight: bold;
	color: #b20025;
}


#popup-ajout-exp{
	width: 238px;
	height: 95px;
	background: #f3edef url(../medias/pages/animations-co/picto-fond-valider.gif) no-repeat left top ;
	color: #bd2244;
	font-size: 10px;
	font-weight: bold;
	padding: 30px 77px 0 125px;
}

.btn-ajout-exp{
	margin-top: 40px;
	float: right;
	font-size: 9px;
	color: #000;
	font-weight: normal;
}

.abtn-exp{
	font-size: 9px;
	color: #000;
	text-decoration: none;
}

.abtn-exp:hover{
	font-size: 9px;
	color: #000;
	text-decoration: underline;
}


/* fin page exposants *****************************************************/
/**************************************************************************/

/********************/
/* popup recap   */
/********************/

#popup-recap{
	width: 705px;
	height: 510px;
}

#popup-recap #bandeau-popup-recap{
	width: 705px;
	height: 95px;
	background: url(../medias/popup/bandeau-popup.jpg) no-repeat;
}

#popup-recap #contenu-recap{
	display: block;
	width: 705px;
	height: 415px;
	background-color: #fff;
}

#popup-recap #contenu-recap #elements-txt{
	height: 327px;
	width: 640px;
	padding: 18px 30px 25px 35px;
	overflow: auto;
	scrollbar-face-color:#fff; 
	scrollbar-highlight-color:#fff; 
	scrollbar-3dlight-color:#C0C0C0; 
	scrollbar-darkshadow-color:#fff; 
	scrollbar-shadow-color:#808080; 
	scrollbar-arrow-color:#a9a7a1; 
	scrollbar-track-color:#f8f8f8;
}



/**************************************************************************/
/* page contact */
/**************************************************************************/


#elements-contact{
	/*margin: 0;*/
	/*padding: 0;*/
	margin-left: 25px;
	width: 955px;
	/*height: 500px;*/
	display: block;
	clear: both;
}

#elements-contact #gauche{
	width: 688px;
	float: left;
	/*color: #585656;*/
	color: #000;
	font-size: 10px;
	padding-right: 32px;
	text-align: justify;
}


#elements-contact #gauche .accroche-contact{
	padding-left: 33px;
	font-size: 11px;
	display: block;
	clear: both;
}

#elements-contact #gauche #callage-boutons{
	margin-bottom: 30px;
	margin-top: 30px;
	float: right;
}

#elements-contact #droite{
	width: 204px;
	float: right;
	height: 450px;
}

#elements-contact #droite #fond-contact{
	width: 204px;
	height: 296px;
	background: url(../medias/pages/contact/visuel-contact.jpg) no-repeat top left;
	margin: 0;
	padding: 0;
	font-size: 0;
	margin-top: 19px;
	line-height: 1%;
}

#droite #deroulant{
	display: block;
	width: 204px;
	font-size: 10px;
	font-weight: bold;
	color: #903035;
	text-align: left;
}

#droite #deroulant .liste-deroulant{
	margin-left: 5px;
	color: #000;
	font-size: 10px;
	width: 188px;
	height: 21px;
	padding-left: 3px;
	margin-top: 5px;
}


table{
	margin-bottom: 10px;
	margin-top: 10px;
}


/*  >>> ETAPE 02  */
.callage-tabcontact{
	margin-top: 15px;
	margin-left: 64px;
	width: 583px;
}

.champs-tab02{
	/*color: #585656;*/
	color: #000;
	font-weight: bold;
	font-size: 10px;
	padding-left: 15px;
	text-align: left;
}

.champs-tab02-rouge{
	color: #903035;
	font-weight: bold;
	font-size: 10px;
	padding-left: 15px;
	text-align: left;
}

.champs-tab-message{
	/*color: #585656;*/
	color: #000;
	font-weight: bold;
	font-size: 10px;
	padding-left: 15px;
	text-align: left;
	padding-top: 3px;
}

.input-champs02{
	width: 279px;
	height: 12px;
	/*color: #585656;*/
	color: #000;
	font-size: 10px;
	padding-left: 3px;
}

.input-champs-message{
	width: 279px;
	height: 100px;
	/*color: #585656;*/
	color: #000;
	font-size: 12px;
	padding-left: 3px;
}

.input-champs02-deroule{
	width: 285px;
	height: 17px;
	/*color: #585656;*/
	color: #000;
	font-size: 10px;
	padding-left: 3px;
}

.callage-boutons02{
	margin-bottom: 22px;
	margin-top: 17px;
	float: right;
}

/*#mentions-form{
	width: 583px;
	display: block;
	font-size: 9px;
	color: #585656;
	text-align: justify;
	clear: both;
	margin-left: 64px;
	line-height: 11px;
	margin-bottom: 30px;
}*/

/* >>> ETAPE 03 */
#txt-preinsc03{
	font-size: 11px;
	color: #000;
	width: 707px;
	padding-left: 10px;
	margin-bottom: 70px;
}

/* petite popup validation formulaire  */
#popup-envoi-form{
	width: 349px;
	height: 142px;
	background: #efd7cc url(../medias/pages/contact/picto-fond-valider.gif) no-repeat left top ;
	color: #bd2244;
	font-size: 10px;
	font-weight: bold;
	padding: 27px 58px 0 113px;
}

.btn-envoi-form{
	margin-top: 3px;
	float: right;
	font-size: 9px;
	color: #000;
	font-weight: normal;
}

.abtn-envoi-form{
	font-size: 9px;
	color: #000;
	text-decoration: none;
}

.abtn-envoi-form:hover{
	font-size: 9px;
	color: #000;
	text-decoration: underline;
}

/*    fin page contact  *******************************************/
/**************************************************************************/




/**************************************************************************/
/* page envoi-ami */
/**************************************************************************/


#elements-envoi{
	/*margin: 0;*/
	/*padding: 0;*/
	margin-left: 25px;
	width: 955px;
	/*height: 500px;*/
	display: block;
	clear: both;
}

#elements-envoi #gauche{
	width: 688px;
	float: left;
	/*color: #585656;*/
	color: #000;
	font-size: 10px;
	padding-right: 32px;
	text-align: justify;
}


#elements-envoi #gauche .accroche-envoi{
	padding-left: 33px;
	font-size: 11px;
	display: block;
	clear: both;
}

#elements-envoi #gauche #callage-boutons{
	margin-bottom: 30px;
	margin-top: 30px;
	float: right;
}

#elements-envoi #droite{
	width: 204px;
	float: right;
	height: 450px;
}

#elements-envoi #droite #fond-envoi{
	width: 204px;
	height: 296px;
	background: url(../medias/pages/envoi-ami/visuel-envoi.jpg) no-repeat top left;
	margin: 0;
	padding: 0;
	font-size: 0;
	margin-top: 19px;
	line-height: 1%;
}

#droite #deroulant{
	display: block;
	width: 204px;
	font-size: 10px;
	font-weight: bold;
	color: #903035;
	text-align: left;
}

#droite #deroulant .liste-deroulant{
	margin-left: 5px;
	color: #000;
	font-size: 10px;
	width: 188px;
	height: 21px;
	padding-left: 3px;
	margin-top: 5px;
}


table{
	margin-bottom: 10px;
	margin-top: 10px;
}

/*    fin page envoi-ami  *************************************************/
/**************************************************************************/


/**************************************************************************/
/* page plan du site */
/**************************************************************************/

#elements-plan{
	/*margin: 0;*/
	/*padding: 0;*/
	margin-left: 25px;
	width: 955px;
	/*height: 500px;*/
	display: block;
	clear: both;
}

#elements-plan #gauche{
	width: 688px;
	float: left;
	/*color: #585656;*/
	color: #000;
	font-size: 10px;
	padding-right: 32px;
	text-align: justify;
}


#elements-plan #gauche .accroche-plan{
	padding-left: 33px;
	font-size: 11px;
	display: block;
	clear: both;
}

#elements-plan #gauche #callage-boutons{
	margin-bottom: 30px;
	margin-top: 30px;
	float: right;
}

#elements-plan #droite{
	width: 204px;
	float: right;
	height: 450px;
}

#elements-plan #droite #fond-plan{
	width: 204px;
	height: 296px;
	background: url(../medias/pages/plan/visuel-plan.jpg) no-repeat top left;
	margin: 0;
	padding: 0;
	font-size: 0;
	margin-top: 19px;
	line-height: 1%;
}

#droite #deroulant{
	display: block;
	width: 204px;
	font-size: 10px;
	font-weight: bold;
	color: #903035;
	text-align: left;
}

#droite #deroulant .liste-deroulant{
	margin-left: 5px;
	color: #000;
	font-size: 10px;
	width: 188px;
	height: 21px;
	padding-left: 3px;
	margin-top: 5px;
}

#plan-fonce{
	margin-left: 40px;
	width: 580px;
	margin-bottom: 15px;
	background:  #e2e2e2 url(../medias/pages/plan/carre-fonce.gif) right bottom no-repeat;
	display: block;
	padding: 25px 0 25px 80px;
}

#plan-clair{
	margin-left: 40px;
	width: 580px;
	margin-bottom: 15px;
	background: #f3f3f3 url(../medias/pages/plan/carre-clair.gif) right bottom no-repeat;
	display: block;
	padding: 25px 0 25px 80px;
}

.titre-lien{
	background: url(../medias/pages/plan/fleche.gif) left no-repeat;
	color: #903035;
	font-size: 11px;
	font-weight: bold;
	padding-left: 20px;
	display: block;
	height: 18px;
	padding-top: 3px;
}

.titre-lien a{
	color: #903035;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}

.titre-lien a:hover{
	color: #903035;
	font-size: 11px;
	font-weight: bold;
	text-decoration: underline;
}

.titre-lien-bas {
	background: url(../medias/pages/plan/fleche-bas.gif) left no-repeat;
	color: #903035;
	font-size: 11px;
	font-weight: bold;
	padding-left: 20px;
}

.sstitre{
	background: url(../medias/communs/fleche-rouge.gif) left 4px no-repeat;
	color: #000;
	font-size: 11px;
	font-weight: bold;
	display: block;
	margin-left: 22px;
	padding-left: 10px;
	margin-top: 5px;
}

.sstitre a{
	color: #000;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}

.sstitre a:hover{
	color: #000;
	font-size: 11px;
	font-weight: bold;
	text-decoration: underline;
}


#plan-clair ul{
	padding: 0;
	margin: 0;
	list-style-type: none;
	margin-left: 33px;
	margin-top: 3px;
	margin-bottom: 8px;
}

#plan-clair li{
	background: url(../medias/pages/plan/fleche-gris.gif) left 4px no-repeat;
	color: #000;
	font-size: 11px;
	font-weight: normal;
	padding-left: 8px;
}

#plan-clair li a{
	color: #000;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
}

#plan-clair li a:hover{
	color: #000;
	font-size: 11px;
	font-weight: normal;
	text-decoration: underline;
}

/*    fin page plan       *************************************************/
/**************************************************************************/

/**************************************************************************/
/* page FAQ*/
/**************************************************************************/

#elements-faq{
	/*margin: 0;*/
	/*padding: 0;*/
	margin-left: 25px;
	width: 955px;
	/*height: 500px;*/
	display: block;
	clear: both;
}

#elements-faq #gauche{
	width: 688px;
	float: left;
	/*color: #585656;*/
	color: #000;
	font-size: 10px;
	padding-right: 32px;
	text-align: justify;
}


#elements-faq #gauche .accroche-faq{
	padding-left: 33px;
	font-size: 11px;
	display: block;
	clear: both;
}

#elements-faq #droite{
	width: 204px;
	float: right;
	height: 450px;
}

#elements-faq #droite #fond-faq{
	width: 204px;
	height: 296px;
	background: url(../medias/pages/faq/visuel-faq.jpg) no-repeat top left;
	margin: 0;
	padding: 0;
	font-size: 0;
	margin-top: 19px;
	line-height: 1%;
}

#droite #deroulant{
	display: block;
	width: 204px;
	font-size: 10px;
	font-weight: bold;
	color: #903035;
	text-align: left;
}

#droite #deroulant .liste-deroulant{
	margin-left: 5px;
	color: #000;
	font-size: 10px;
	width: 188px;
	height: 21px;
	padding-left: 3px;
	margin-top: 5px;
}


#elements-faq #gauche .faq-fonce{
	margin-left: 40px;
	width: 610px;
	margin-bottom: 15px;
	background: #e9e9e9 url(../medias/pages/faq/carre-fonce.gif) right bottom no-repeat;
	display: block;
	padding: 25px 25px 25px 25px;
	/*color: #585656;*/
	color: #000;
	font-size: 10px;
}

#elements-faq #gauche .faq-fonce a{
	/*color: #585656;*/
	color: #000;
	font-size: 10px;
	text-decoration: none;
}

#elements-faq #gauche .faq-fonce a:hover{
	/*color: #585656;*/
	color: #000;
	font-size: 10px;
	text-decoration: underline;
}

#elements-faq #gauche .faq-clair{
	margin-left: 40px;
	width: 610px;
	margin-bottom: 15px;
	background: #f3f3f3 url(../medias/pages/faq/carre-clair.gif) right bottom no-repeat;
	display: block;
	padding: 25px 25px 25px 25px;
	/*color: #585656;*/
	color: #000;
	font-size: 10px;
}

#elements-faq #gauche .faq-clair a{
	/*color: #585656;*/
	color: #000;
	font-size: 10px;
	text-decoration: none;
}

#elements-faq #gauche .faq-clair a:hover{
	/*color: #585656;*/
	color: #000;
	font-size: 10px;
	text-decoration: underline;
}


.txt-accroche-faq{
	color: #000;
	font-size: 11px;
	margin-bottom: 20px;
	margin-top: -10px;
	clear: both;
}

.titre-faq{
	/*font-size: 11px;*/
	/*font-weight: bold;*/
	/*color: #903035;*/
	/*background-color: #efd7cc;*/
	/*padding: 5px 7px 7px 7px;*/
	/*height: 12px;*/
	clear: both;
	display: block;
	margin-left: 33px;
	/*margin-bottom: -10px;*/
	margin-top: -20px;
	z-index: 15;
	position: absolute;
	/*display: block;*/
	/*width: auto;*/
	height: 30px;
}

.titre-faq .titre-faq-gauche{
	background: url(../medias/pages/faq/gauche-titre.gif) no-repeat;
	height: 30px;
	float: left;
	width: 7px;
}

.titre-faq .titre-faq-milieu{
	float: left;
	background: url(../medias/pages/faq/fond-titre.gif) repeat-x;
	font-size: 11px;
	font-weight: bold;
	color: #903035;
	height: 18px;
	text-align: left;
	padding: 5px 7px 7px 7px;
}

.titre-faq .titre-faq-droite{
	background: url(../medias/pages/faq/droite-titre.gif) no-repeat;
	height: 30px;
	float: left;
	width: 12px;
}

.titre-faq2{
	clear: both;
	display: block;
	margin-left: 33px;
	margin-top: -20px;
	z-index: 15;
	position: absolute;
	height: 30px;
}

.titre-faq2 .titre-faq2-gauche{
	background: url(../medias/pages/faq/gauche-titre2.gif) no-repeat;
	height: 30px;
	float: left;
	width: 7px;
}

.titre-faq2 .titre-faq2-milieu{
	float: left;
	background: url(../medias/pages/faq/fond-titre2.gif) repeat-x;
	font-size: 11px;
	font-weight: bold;
	color: #903035;
	height: 18px;
	text-align: left;
	padding: 5px 7px 7px 7px;
}

.titre-faq2 .titre-faq2-droite{
	background: url(../medias/pages/faq/droite-titre2.gif) no-repeat;
	height: 30px;
	float: left;
	width: 12px;
}

.btnsoumettre{
	margin-bottom: 50px;
	float: right;
}



/*   fin page FAQ           ***********************************************/       
/**************************************************************************/

/**************************************************************************/
/* page temoignages */
/**************************************************************************/


#elements-temoignages{
	/*margin: 0;*/
	/*padding: 0;*/
	margin-left: 25px;
	width: 955px;
	/*height: 600px;*/
	display: block;
	clear: both;
}

#elements-temoignages #gauche{
	width: 680px;
	float: left;
	/*color: #585656;*/
	color: #000;
	font-size: 10px;
	padding-right: 32px;
	text-align: justify;
	margin-bottom: 40px;

}

#elements-temoignages #gauche #temoignage01{
	display: block;
	margin-bottom: 40px;
	clear: both;
}

#elements-temoignages #gauche #temoignage01 #visuel-tem{
	width: 120px;
	height: 113px;
	background: url(../medias/pages/temoignages/fond-visuel.jpg) no-repeat top left;
	padding: 8px 0 0 38px;
	margin-right: 29px;
	float: left;
}

#elements-temoignages #gauche #temoignage01 #txt-tem{
	float: left;
	width: 470px;
	text-align: left;
	/*color: #585656;*/
	color: #000;
	font-size: 10px;
}

#elements-temoignages #gauche #temoignage02{
	display: block;
	margin-bottom: 40px;
	clear: both;
}

#elements-temoignages #gauche #temoignage02 #visuel-tem{
	width: 120px;
	height: 113px;
	background: url(../medias/pages/temoignages/fond-visuel.jpg) no-repeat top left;
	padding: 8px 0 0 38px;
	margin-right: 29px;
	float: left;
}

#elements-temoignages #gauche #temoignage02 #txt-tem{
	float: left;
	width: 470px;
	text-align: left;
	/*color: #585656;*/
	color: #000;
	font-size: 10px;
}


#elements-temoignages #droite{
	width: 204px;
	float: right;
	height: 450px;
}

#elements-temoignages #droite #fond-temoignages{
	width: 204px;
	height: 296px;
	background: url(../medias/pages/temoignages/visuel-temoignages.jpg) no-repeat top left;
	margin: 0;
	padding: 0;
	font-size: 0;
	margin-top: 19px;
	line-height: 1%;
}

#droite #deroulant{
	display: block;
	width: 204px;
	font-size: 10px;
	font-weight: bold;
	color: #903035;
	text-align: left;
}

#droite #deroulant .liste-deroulant{
	margin-left: 5px;
	color: #000;
	font-size: 10px;
	width: 188px;
	height: 21px;
	padding-left: 3px;
	margin-top: 5px;
}
/*    fin page temoignages  ***********************************************/
/**************************************************************************/





/**************************************************************************/
/* encarts permanents */
/**************************************************************************/ 

/***********************************************/
/* encart permanent - home     */
/***********************************************/ 
#encart-selection-home{
	/*width: 222px;*/
	width: 222px;
	/*height: 248px;*/
	height: 730px;
	/*color: #102934;*/
	color: #000;
	/*font-size: 11px;*/
	/*font-weight: bold;*/
	background: transparent url(../medias/communs/encart-selection-home.gif) no-repeat top left;
	float: right;
	/*padding: 82px 19px 30px 37px;*/
	/*margin-right: -2px;*/
	/*margin-left: 776px;*/
	margin-left: 772px;
	/*margin-top: 45px;*/
	margin-top: 42px;
	position: absolute;
	z-index: 8;
}

.temoignage #encart-selection-home{
	height:335px;
	background: transparent url(../medias/communs/encart-selection-temoignage.gif) no-repeat top left;
}

#encart-selection-home #temoignage-homebloc, #encart-selection-animaco #temoignage-homebloc{
	width: 165px;
	font-size: 10px;
	color: #000;
	text-align: left;
	margin: 30px 0 0 20px;
	font-style: normal;
	height: 297px;
}

#encart-selection-home #tpsforts-homebloc{
	width: 165px;
	font-size: 10px;
	color: #000;
	text-align: left;
	font-style: normal;
	margin: 30px 0 0 30px;
	height: 225px;
}

#encart-selection-home #preinsc-homebloc{
	font-size: 10px;
	color: #000;
	text-align: left;
	font-style: normal;
	width: 176px;
	margin: 35px 0 0 15px;
}

#img-intervenant-home{
	display: block;
	/*float: left;*/
	height: 82px;
	/*width: 82px;*/
	clear: both;
	width: 165px;
	margin-left: -5px;
	/*margin-top: 3px;*/
}

#txt-intervenant-home{
	display: block;
	clear: both;
	margin-top: 5px;
}

.callage-imgtpsforts{
	margin-bottom: 4px;
	display: block;
}

.btn-encart{
	display: block;
	background: url(../medias/communs/btn-fleche.gif) left no-repeat;
	padding-left: 22px;
	height:15px;
	font-size: 9px;
	color: #903035;
	font-weight: bold;
	text-decoration: underline;
	margin-top: 8px;
}

.btn-encart a{
	font-size: 9px;
	color: #903035;
	font-weight: bold;
	text-decoration: underline;
}

.btn-encart a:hover{
	font-size: 9px;
	color: #903035;
	font-weight: bold;
	text-decoration: underline;
}


.signature{
	font-size: 9px;
	font-weight: bold;
	color: #000;
	margin-top: 8px;
	display: block;
}

/****************************************/
/* encart permanent - page animation co */
/****************************************/   
#encart-selection-animco{
	/*width: 222px;*/
	width: 165px;
	/*height: 248px;*/
	height: 136px;
	color: #102934;
	font-size: 11px;
	font-weight: bold;
	background: transparent url(../medias/communs/encart-selection.gif) no-repeat top left;
	float: right;
	padding: 82px 19px 30px 37px;
	/*margin-right: -2px;*/
	margin-left: 776px;
	margin-top: 45px;
	position: absolute;
	z-index: 8;
}

/****************************************/
/* encart permanent - page presentation */
/****************************************/ 
#encart-selection-presentation{
	/*width: 222px;*/
	width: 165px;
	/*height: 248px;*/
	height: 136px;
	color: #102934;
	font-size: 11px;
	font-weight: bold;
	background: transparent url(../medias/pages/presentation/encart-selection-pres.gif) no-repeat top left;
	float: right;
	padding: 82px 19px 30px 37px;
	/*margin-right: -2px;*/
	margin-left: 776px;
	margin-top: 45px;
	position: absolute;
	z-index: 8;
}

/**********************************************************/
/* encart permanent - page presentation / infos pratiques */
/**********************************************************/ 
#encart-selection-presinfos{
	/*width: 222px;*/
	width: 165px;
	/*height: 248px;*/
	height: 136px;
	color: #102934;
	font-size: 11px;
	font-weight: bold;
	background: transparent url(../medias/pages/presentation/encart-selection-infos.gif) no-repeat top left;
	float: right;
	padding: 82px 19px 30px 37px;
	/*margin-right: -2px;*/
	margin-left: 776px;
	margin-top: 45px;
	position: absolute;
	z-index: 8;
}


/**********************************************************/
/* encart permanent - page presentation / retrospective   */
/**********************************************************/ 
#encart-selection-presretro{
	/*width: 222px;*/
	width: 165px;
	/*height: 248px;*/
	height: 136px;
	color: #102934;
	font-size: 11px;
	font-weight: bold;
	background: transparent url(../medias/pages/presentation/encart-selection-retro.gif) no-repeat top left;
	float: right;
	padding: 82px 19px 30px 37px;
	/*margin-right: -2px;*/
	margin-left: 776px;
	margin-top: 45px;
	position: absolute;
	z-index: 8;
}

/*************************************************************/
/* encart permanent - page presentation / forum   */
/*************************************************************/ 
#encart-selection-presraisons{
	/*width: 222px;*/
	width: 165px;
	/*height: 248px;*/
	height: 136px;
	color: #102934;
	font-size: 11px;
	font-weight: bold;
	background: transparent url(../medias/pages/presentation/encart-selection-raisons.gif) no-repeat top left;
	float: right;
	padding: 82px 19px 30px 37px;
	/*margin-right: -2px;*/
	margin-left: 776px;
	margin-top: 45px;
	position: absolute;
	z-index: 8;
}


/*************************************************************/
/* encart permanent - page presentation / raisons   */
/*************************************************************/ 
#encart-selection-presforum{
	/*width: 222px;*/
	width: 165px;
	/*height: 248px;*/
	height: 136px;
	color: #102934;
	font-size: 11px;
	font-weight: bold;
	background: transparent url(../medias/pages/presentation/encart-selection-forum.gif) no-repeat top left;
	float: right;
	padding: 82px 19px 30px 37px;
	/*margin-right: -2px;*/
	margin-left: 776px;
	margin-top: 45px;
	position: absolute;
	z-index: 8;
}

/****************************************/
/* encart permanent - page mentions     */
/****************************************/ 
#encart-selection-mentions{
	/*width: 222px;*/
	width: 165px;
	/*height: 248px;*/
	height: 136px;
	color: #102934;
	font-size: 11px;
	font-weight: bold;
	background: transparent url(../medias/pages/mentions/encart-selection-mentions.gif) no-repeat top left;
	float: right;
	padding: 82px 19px 30px 37px;
	/*margin-right: -2px;*/
	margin-left: 776px;
	margin-top: 45px;
	position: absolute;
	z-index: 8;
}

/****************************************/
/* encart permanent - page cnil         */
/****************************************/ 
#encart-selection-cnil{
	/*width: 222px;*/
	width: 165px;
	/*height: 248px;*/
	height: 136px;
	color: #102934;
	font-size: 11px;
	font-weight: bold;
	background: transparent url(../medias/pages/mentions/encart-selection-mentions.gif) no-repeat top left;
	float: right;
	padding: 82px 19px 30px 37px;
	/*margin-right: -2px;*/
	margin-left: 776px;
	margin-top: 45px;
	position: absolute;
	z-index: 8;
}



/***********************************************/
/* encart permanent - page pré-inscription     */
/***********************************************/ 
#encart-selection-preinsc{
	/*width: 222px;*/
	width: 165px;
	/*height: 248px;*/
	height: 136px;
	color: #102934;
	font-size: 11px;
	font-weight: bold;
	background: transparent url(../medias/pages/pre-insc/encart-selection-preinsc.gif) no-repeat top left;
	float: right;
	padding: 82px 19px 30px 37px;
	/*margin-right: -2px;*/
	margin-left: 776px;
	margin-top: 45px;
	position: absolute;
	z-index: 8;
}

/***********************************************/
/* encart permanent - page centres d'interets  */
/***********************************************/ 
#encart-selection-exposants-interets{
	/*width: 222px;*/
	width: 165px;
	/*height: 248px;*/
	height: 136px;
	color: #102934;
	font-size: 11px;
	font-weight: bold;
	background: transparent url(../medias/pages/exposants/encart-selection-interets.gif) no-repeat top left;
	float: right;
	padding: 82px 19px 30px 37px;
	/*margin-right: -2px;*/
	margin-left: 776px;
	margin-top: 45px;
	position: absolute;
	z-index: 8;
}

/***********************************************/
/* encart permanent - page exposants           */
/***********************************************/ 
#encart-selection-exposants{
	/*width: 222px;*/
	width: 165px;
	/*height: 248px;*/
	height: 136px;
	color: #102934;
	font-size: 11px;
	font-weight: bold;
	background: transparent url(../medias/pages/exposants/encart-selection-exp.gif) no-repeat top left;
	float: right;
	padding: 82px 19px 30px 37px;
	/*margin-right: -2px;*/
	margin-left: 776px;
	margin-top: 45px;
	position: absolute;
	z-index: 8;
}

/***********************************************/
/* encart permanent - page contact             */
/***********************************************/ 
#encart-selection-contact{
	/*width: 222px;*/
	width: 165px;
	/*height: 248px;*/
	height: 136px;
	color: #102934;
	font-size: 11px;
	font-weight: bold;
	background: transparent url(../medias/pages/contact/encart-selection-contact.gif) no-repeat top left;
	float: right;
	padding: 82px 19px 30px 37px;
	/*margin-right: -2px;*/
	margin-left: 776px;
	margin-top: 45px;
	position: absolute;
	z-index: 8;
}

/***********************************************/
/* encart permanent - page envoi-ami           */
/***********************************************/ 
#encart-selection-envoi{
	/*width: 222px;*/
	width: 165px;
	/*height: 248px;*/
	height: 136px;
	color: #102934;
	font-size: 11px;
	font-weight: bold;
	background: transparent url(../medias/pages/envoi-ami/encart-selection-envoi.gif) no-repeat top left;
	float: right;
	padding: 82px 19px 30px 37px;
	/*margin-right: -2px;*/
	margin-left: 776px;
	margin-top: 45px;
	position: absolute;
	z-index: 8;
}

/***********************************************/
/* encart permanent - page plan                */
/***********************************************/ 
#encart-selection-plan{
	/*width: 222px;*/
	width: 165px;
	/*height: 248px;*/
	height: 136px;
	color: #102934;
	font-size: 11px;
	font-weight: bold;
	background: transparent url(../medias/pages/plan/encart-selection-plan.gif) no-repeat top left;
	float: right;
	padding: 82px 19px 30px 37px;
	/*margin-right: -2px;*/
	margin-left: 776px;
	margin-top: 45px;
	position: absolute;
	z-index: 8;
}

/***********************************************/
/* encart permanent - page temoignages         */
/***********************************************/ 
#encart-selection-temoignages{
	/*width: 222px;*/
	width: 165px;
	/*height: 248px;*/
	height: 136px;
	color: #102934;
	font-size: 11px;
	font-weight: bold;
	background: transparent url(../medias/pages/temoignages/encart-selection-tem.gif) no-repeat top left;
	float: right;
	padding: 82px 19px 30px 37px;
	/*margin-right: -2px;*/
	margin-left: 776px;
	margin-top: 45px;
	position: absolute;
	z-index: 8;
}

/***********************************************/
/* encart permanent - page FAQ                */
/***********************************************/ 
#encart-selection-faq{
	/*width: 222px;*/
	width: 165px;
	/*height: 248px;*/
	height: 136px;
	color: #102934;
	font-size: 11px;
	font-weight: bold;
	background: transparent url(../medias/pages/faq/encart-selection-faq.gif) no-repeat top left;
	float: right;
	padding: 82px 19px 30px 37px;
	/*margin-right: -2px;*/
	margin-left: 776px;
	margin-top: 45px;
	position: absolute;
	z-index: 8;
}


.rouge{
	color: #903035;
}

.souligne{
	text-decoration: underline;
}

.btn-recap{
	display: block;
	background: url(../medias/communs/btn-fleche.gif) left no-repeat;
	padding-left: 18px;
	height:15px;
	font-size: 9px;
	color: #903035;
	font-weight: bold;
	text-decoration: underline;
	margin-top: 15px;
}

.btn-recap a{
	font-size: 9px;
	color: #903035;
	font-weight: bold;
	text-decoration: underline;
}

.btn-recap a:hover{
	font-size: 9px;
	color: #903035;
	font-weight: bold;
	text-decoration: underline;
}

/*    fin encarts permanents **********************************************/
/**************************************************************************/


/***********************************************/
/* mailing                                     */
/***********************************************/ 

#mailing{
	margin: auto;
	width: 600px;
	background-color: #fff;
	margin-top: 25px;
}

#bandeau-mailing{
	background: url(../medias/pages/mailing/bandeau.jpg) left no-repeat;
	margin-left: 4px;
	margin-top: 4px;
	display: block;
	height: 115px;
}

#contenu-mailing{
	width: 570px;
	height: 100%;
	background-color: #fff;
	display: block;
	clear: both;
	padding: 15px;
	/*color: #585656;*/
	color: #000;
	font-size: 10px;
}

#contenu-mailing a{
	/*color: #585656;*/
	color: #000;
	font-size: 10px;
	text-decoration: underline;
}

#contenu-mailing a:hover{
	/*color: #585656;*/
	color: #000;
	font-size: 10px;
	text-decoration: underline;
}

/*  */
.txt-g-3{
	font-size: 10px;
	/*color: #585656;*/
	color: #000;
	margin-bottom: 3px;
	display: block;
	margin-left: 23px;
}

.titre-lien-article4{
	background: url(../medias/pages/plan/fleche.gif) left no-repeat;
	color: #903035;
	font-size: 10px;
	padding-left: 20px;
	/*height: 18px;*/
	/*padding-top: 3px;*/
	margin-left: 20px;
	clear: both;
	height: 15px;
	line-height: 1em;
	margin-top: 4px;

}


.alien4{
	font-size: 10px;
	color: #903035;
	font-weight: bold;
	text-decoration: none;
}

.alien4:hover{
	font-weight: bold;
	font-size: 10px;
	color: #903035;
	text-decoration: underline;
}

.sstitre_basic{
	background: url(../medias/communs/fleche-rouge.gif) left 4px no-repeat;
	color: #000;
	font-size: 10px;
	display: block;
	margin-left: 24px;
	padding-left: 10px;
	margin-top: 5px;
}

.txt-g-rouge_indent{
	font-size: 11px;
	font-weight: bold;
	color: #903035;
	margin-left: 24px;
}

.chiffre_titre{
	margin-left:-145px;
}

.chiffres_cles{
	background: url(../medias/pages/forum/chiffres_cles.gif) left 0px no-repeat;
	color: #000;
	font-size: 10px;
	display: block;
	margin-left: 24px;
	padding-left: 10px;
	margin-top: 5px;
	width: 685px;
	height: 95px;
}

.chiffres_cles_txt_gauche{
	margin-left: 24px;
	padding-left: 0px;
	margin-top: 25px;
	float: left;
}

.chiffres_cles_txt_droite{
	margin-left: 200px;
	padding-left: 0px;
	margin-top:15px;
}

.txt-g-rouge3_droite{
	background: url(../medias/communs/fleche-rouge.gif) left 4px no-repeat;
	color: #903035;
	font-size: 10px;
	display: block;
	margin-left: 445px;
	padding-left: 10px;
	margin-top: 25px;
	width: 300px;
	font-weight: bold;
}

.txt-g-rouge4_droite{
	background: url(../medias/communs/fleche-rouge.gif) left 4px no-repeat;
	color: #903035;
	font-size: 9px;
	display: block;
	margin-left: 375px;
	padding-left: 10px;
	margin-top: 25px;
	width: 350px;
	font-weight: bold;
}

.txt-g-rouge3_btn{
	color: #903035;
	font-size: 10px;
	display: block;
	margin-left: 445px;
	padding-left: 10px;
	margin-top: 5px;
	width: 300px;
	font-weight: bold;
}

.txt-g-rouge4_btn{
	color: #903035;
	font-size: 10px;
	display: block;
	margin-left: 355px;
	padding-left: 10px;
	margin-top: 5px;
	width: 300px;
	font-weight: bold;
}

.chiffre_btn_inscrire{
	margin-top:-60px;
	margin-left:50px;
}

#contenu-forum-concept{
	display: block;
}

#contenu-forum-concept #visuels-forum-concept{
	width: 250px;
	float: right;
}

#contenu-forum-concept #txt-forum-concept{
	width: 415px;
	float: left;
	color: #000;
	font-size: 10px;
	text-align: left;
}

.col{
	width: 685px;
	clear: both;
}

.col_retro{
	width: 685px;
	clear: both;
}


.col_retro_cont{
	float: left;
	vertical-align: top;
	margin-top: 40px;
}

.col_retro_cont2{
	margin-left: 5px;
	float: left;
	vertical-align: top;
	margin-top: 40px;
}

.sstitre_basic_gris{
	background: url(../medias/communs/fleche-gris.gif) left 4px no-repeat;
	color: #000;
	font-size: 10px;
	display: block;
	margin-left: 34px;
	padding-left: 10px;
}

/* MODIF CPE 20071004 */
#elements-txt #gauche{
	height: 338px;
}
#elements-txt #gauche #compte-rendu{
	clear: both;
	display: block;
	font-size: 10px;
	color: #494646;
	margin-top:20px;
}
.acompte-rendu-anim{
	font-size: 10px;
	color: #000;
	text-decoration: none;
}

.acompte-rendu-anim:hover{
	font-size: 10px;
	color: #000;
	text-decoration: underline;
}

#elements-txt #gauche #ajout-pre-inscription{
	clear: both;
	display: block;
	font-size: 10px;
	color: #000;
	margin-top:20px;
}

#popup-pre-inscription{
	width: 288px;
	height: 150px;
	background: #EFD7CC url(../medias/pages/exposants/picto-fond-valid.gif) no-repeat left top;
	color: #bd2244;
	font-size: 10px;
	font-weight: bold;
	text-align: left;
	padding: 30px 27px 0 125px;
}

/* page partenaires */

.partenaires-clair{
	width: 600px;
	/*height: 402px;*/
	background: #f3f3f3 url(../medias/pages/presentation/infos-carre-clair.gif) right bottom no-repeat;
	/*color: #585656;*/
	color: #000;
	font-size: 10px;
	margin-left: 20px;
	padding: 15px 40px 15px 20px;
	margin-bottom: 22px;
}

.partenaires-fonce{
	width: 600px;
	/*height: 332px;*/
	background: #e2e2e2 url(../medias/pages/presentation/infos-carre-fonce.gif) right bottom no-repeat;
	color: #000;
	font-size: 10px;
	margin-left: 20px;
	padding: 15px 40px 15px 20px;
	margin-bottom: 22px;
}

.titre-partenaires{
	color: #903035;
	font-size: 11px;
	font-weight: bold;
	background: url(../medias/communs/fleche-rouge.gif) no-repeat left 5px;
	padding-left: 8px;
}

.texte-partenaires{
	margin-top: 10px;
	color: #000;
	font-size: 10px;
}

.logo-partenaires{
	float:right;
	margin-left: 10px;
}