/*  ----------------------------------------------------------- */
/*  Feuilles de styles du site www.addc.be                      */
/*  ----------------------------------------------------------- */



/*  ------------------------------------------
/*  Correction des styles HTML par defaut
/*  ------------------------------------------ */
body {
	font-size: 11px;
	color: #1A2732;
	cursor:default;
	font-family:"Century Gothic", Arial;
	line-height:14px;
}

 html, body {
 min-height: 100%;
 height: auto !important;
 height: 100%;
 }
html {
padding:0
}
p{
	margin: 0 0 8px 0;
}

img, table { margin: 0; padding: 0; border: none; }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-size: 1em; font-weight: normal; }

/*  ------------------------------------------
/*  Disposition a l'ecran des blocs principaux
/*  ------------------------------------------ */
#page {
	/*width: 48em;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 50px;*/
}

#conteneur { width: 100%; }

#news { 
	position: absolute;
	z-index:0;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	min-height:100%;
	height: auto !important;
}

#conteneur #contenu {
	float: left;
	width: 33em;
}

#conteneur #navigation {
	float: right;
	width: 12em;
	text-align: center;
}

/* Blocs du contenu (c-a-d. la colonne principale) */
#contenu .contre-encart {
	float: left;
	width: 21em;
}

#contenu .encart {
	float: right;
	width: 11em;
	margin: 0;
	margin-bottom: 1em;
}

/* Entete */
#entete {
	width: 100%;
	border-bottom: 2px solid #333; }
#entete #nom_site_spip, #entete a .spip_logos {
	display: block;
	float: left;
	font-weight: bold;
	font-size: 1.5em; }
#entete a { text-decoration: none; }
#entete .formulaire_recherche { float: right; }

/* Fil d'Ariane */
#hierarchie {
	clear: both;
	margin-bottom: 2em;
	font-size: 0.77em; }

/* Pied de page */
#pied {
	clear: both;
	width: 100%;
	margin-top: 4em;
	border-top: 1px dotted #CCC;
	padding: 2px;
	text-align: center; }
#pied small { font-size: 0.77em; }
#pied img { vertical-align: bottom; }

/* Espaceur de blocs */
.nettoyeur { clear: both; margin: 0; padding: 0; border: none; height: 0; line-height: 1px; font-size: 1px; }

/* Non visible a l'ecran */
.invisible { position: absolute; top: -3000em; height: 1%; }


/*  ------------------------------------------
/*  Typographie generale du site
/*  ------------------------------------------ */

/* Typo pour les menus et la navigation */
body, #navigation, .encart, .formulaire_spip {
	font-family:"Century Gothic", Arial; }

/* Typo pour le contenu */
#contenu {
	font-family:"Century Gothic", Arial; }

/* Typo pour les citations et extraits introductifs */
q, blockquote, .liste-articles li .texte, h3.spip, .voirskel {
	font-family:"Century Gothic", Arial; }




/*  ------------------------------------------
/*  Habillage du contenu
/*  ------------------------------------------ */


/*  Mise en forme des textes du contenu
---------------------------------------------- 
.chapo {
	margin-bottom: 1.5em;
	font-weight: bold;
	line-height: 1.4em; }

.lien {
	background: #EEE;
	margin: 1em;
	margin-bottom: 1.5em;
	padding: 0.82em;
	border: 1px solid #CCC;
	font-size: 0.82em;
	font-weight: bold; }

.texte { color: #000; font-size: 0.96em; }

.ps, .notes {
	margin-top: 1.4em;
	padding-top: 2px;
	border-top: 2px solid #CCC; }
.ps { font-size: 0.82em; }

.ps h2, .notes h2 { font-size: 1.19em; font-weight: bold; }*/

.note { clear: both; font-size: 9px; color: #FFFFFF; }

/*  Portfolio
---------------------------------------------- 
#documents_portfolio {
	clear: both;
	margin-top: 1.4em;
	padding-top: 2px;
	border-top: 2px solid #CCC; }
#documents_portfolio h2 { margin-bottom: 0.4em; font-size: 0.88em; font-weight: bold; }

#document_actif { margin-top: 1em; }*/

/*  Listes de documents joints (a un article ou une rubrique)
---------------------------------------------- 
#documents_joints {
	margin-top: 1.4em;
	padding-top: 2px;
	border-top: 2px solid #CCC; }
#documents_joints h2 { margin-bottom: 0.4em; font-size: 0.88em; font-weight: bold; }
#documents_joints ul { margin: 0; padding: 0; list-style: none; }
#documents_joints li { margin-bottom: 0.4em; }
#documents_joints li .spip_doc_titre {}
#documents_joints li .spip_doc_titre small { font-weight: normal; }
#documents_joints li .spip_doc_descriptif {}*/



/*  ------------------------------------------
/*  Couleurs des liens
/*  ------------------------------------------ */
a { text-decoration: none; color: #ffffff; }
a:link { text-decoration: none; color: #ffffff; }
a:visited { text-decoration: none; color: #ffffff; }
a:hover { text-decoration: underline; color: #ffffff;}
a:active { text-decoration: underline; color: #ffffff; }


#tomove-news a { text-decoration: none; color: #1A2732; }
#tomove-news a:link { text-decoration: none; color: #1A2732; }
#tomove-news a:visited { text-decoration: none; color: #1A2732; }
#tomove-news a:hover { text-decoration: underline; color: #1A2732;}
#tomove-news a:active { text-decoration: underline; color: #1A2732; }


/*  ------------------------------------------
/*  Titres typo perso
/*  ------------------------------------------ */

.typo {
	float: left;
	margin: -25px 0px 0px -26px;
}
.titre{
	background:#FFFFFF;
	padding: 2px 4px 2px 4px;
	color:#1A2732;
	line-height: 18px;
}

/*.typo a{
	margin-top: -7px;
	float: left;
	margin-right: 18px;
}

.typo a:hover {
	margin-top: -7px;
	float: left;
	margin-right: 18px;
	filter:Alpha(Opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}*/

.caractencadre-spip{
	font-weight: normal !important;
	text-decoration: underline;
	/*color: #1A2732;*/
}

/*  ------------------------------------------
/*  Blocs
/*  ------------------------------------------ */

.contenu-bottom{
	position: absolute;
	margin-top: 40px;
	bottom: 15px;
}
.contenu-tomove-bottom{
	position: absolute;
	bottom: 25px;
}

.contenu-tomove{
	margin-top: 40px;
}

.contenu-tomove-image{
	position: absolute;
	top: 25px;
	right: 25px;
	
}
/*  ------------------------------------------
/*  Pastilles
/*  ------------------------------------------ */

#pastille1{
	width: 100px;
	height: 100px;
	background: url(pastille1.png);
	font-size: 11px !important;
	cursor: default;
	color: #1A2732;
	position: absolute;
	top: 50px;
	left: 215px;
}

#pastille2{
	width: 120px;
	height: 120px;
	background: url(pastille3.png);
	font-size: 11px !important;
	cursor: default;
	color: #FFFFFF;
	position: absolute;
	top: 135px;
	left: 230px;
}

/*  ------------------------------------------
/*  Descriptif images NEWS
/*  ------------------------------------------ */

#image-descriptif{
display:none;
position:relative;
bottom: 50px;
margin: 0px;
padding: 0px;
}

.image-descriptif-text{
padding:2px 4px 2px 4px;
text-align:left;
background-color:#D7D3C7;
}

#tomove-news img{
	margin-bottom: -2px;
	padding-bottom:0px;
}
span {
	margin: 0px;
	padding: 0px;
}

/*  ------------------------------------------
/*  DHTML window widget
/*  ------------------------------------------ */

#tomove-intro{
	width: 350px;
	height: 520px;
	background-color: #1A2732;
	padding: 25px 0px 3px 25px;
	font-size: 20px;
	cursor: default;
	color: #FFFFFF;
	position: absolute;
	top: 15px;
	left: 15px;
}
#intro { 
	position: absolute;
	float:left;
}

#menu { 
	position: absolute;
	bottom: 20px;
	float:left;
	clear:both;
}

#menu a{
	cursor: pointer;
}

/*#menu a:hover {
	cursor: pointer;
	filter:Alpha(Opacity=50);
	opacity: 0.5;
	-moz-opacity: 0.5;
	-khtml-opacity:0.5;
}*/
#menu a:active {
	cursor: pointer;
	/*filter:Alpha(Opacity=20);
	-moz-opacity: 0.2;
	opacity: 0.2;*/
}

.menu-normal{
float:left;
position: relative;
width:315px;
height:35px;
	margin-top: -5px;
}
.menu-normal:hover{
	cursor: pointer;
	filter:Alpha(Opacity=60);
	opacity: 0.6;
	-moz-opacity: 0.6;
	-khtml-opacity:0.6;
}

.on{
float:left;
position: relative;
width:315px;
height:35px;
	filter:Alpha(Opacity=20);
	opacity: 0.2;
	-moz-opacity: 0.2;
	-khtml-opacity:0.2;
}
.on:hover{
	cursor: default;
	/*filter:Alpha(Opacity=30);*/
	opacity: 0.32;
	/*-moz-opacity: 0.3;*/
}

.menu-select{
float:left;
position: relative;
width:315px;
height:35px;
	filter:Alpha(Opacity=20);
	opacity: 0.2;
	-moz-opacity: 0.2;
	-khtml-opacity:0.2;
	margin-top: -5px;
}
#descriptif { 
	position: absolute;
	bottom: 0px;
}

#tomove-titre{
	width: 350px;
	height: 520px;
	background-color: #1A2732;
	padding: 25px 0px 3px 25px;
	font-size: 20px;
	cursor: default;
	color: #FFFFFF;
	position: absolute;
	top: 15px;
	left: 15px;
}
#conteneur-tomove-news{
	position: absolute;
	left: 373px;
	top: 55px;
	}
#tomove-news{
	width: 350px;
	background-color: #D7D3C7;
	cursor: default;
	color: #1A2732;
	padding: 20px 25px 25px 25px ;
	margin-bottom:15px;
	overflow:hidden;
}


#tomove-news a:hover{
	/*text-decoration: none !important;*/
	border:none;
	margin: 0px;
	padding:0px;
}


#tomove-contact{
	width: 280px;
	/*background-color: #918A56;*/
	background-color: #6EA634;
	padding: 20px 25px 25px 25px ;
	cursor: move;
	color: #ffffff;
	position: absolute;
	top: 258px;
	left: 760px;
}
#tomove-contact2{
	width: 280px;
	/*background-color: #918A56;*/
	background-color: #6EA634;
	padding: 20px 25px 25px 25px ;
	cursor: move;
	color: #ffffff;
	position: absolute;
	top: 258px;
	left: 760px;
	z-index:0;
}
#tomove-contact3{
	width: 280px;
	background-color: #6EA634;
	padding: 20px 25px 25px 25px ;
	cursor: move;
	color: #ffffff;
	position: absolute;
	top: 320px;
	left: 550px;
	z-index:0;
}
#tomove-contact4{
	width: 280px;
	background-color: #6EA634;
	padding: 20px 25px 25px 25px ;
	cursor: move;
	color: #ffffff;
	position: absolute;
	top: 315px;
	left: 685px;
	z-index:0;
}
#tomove-contact6{
	width: 280px;
	background-color: #6EA634;
	padding: 20px 25px 25px 25px ;
	cursor: move;
	color: #ffffff;
	position: absolute;
	top: 174px;
	left: 56px;
	z-index:0;
}
#tomove-contact7{
	width: 280px;
	background-color: #6EA634;
	padding: 20px 25px 25px 25px ;
	cursor: move;
	color: #ffffff;
	position: absolute;
	top: 128px;
	left: 566px;
	z-index:0;
}
#tomove-contact8{
	width: 280px;
	background-color: #6EA634;
	padding: 20px 25px 25px 25px ;
	cursor: move;
	color: #ffffff;
	position: absolute;
	top: 373px;
	left: 622px;
	z-index:0;
}

#tomove-marques{
	width: 205px;
	padding: 20px 25px 25px 25px ;
	background-color: #6EA634;
	color: #ffffff;
	cursor: move;
	position: absolute;
	top: 100px;
	left: 720px;
}
#tomove-marques2{
	width: 205px;
	padding: 20px 25px 25px 25px ;
	background-color: #6EA634;
	color: #ffffff;
	cursor: move;
	position: absolute;
	top: 35px;
	left: 835px;
}


#tomove-about{
	width: 400px;
	padding: 20px 25px 25px 25px ;
	background-color: #9B6E51;
	color: #1A2732;
	cursor: default;
	position: absolute;
	top: 400px;
	left: 650px;
	display:none;
}
#tomove-about2{
	width: 400px;
	padding: 20px 25px 25px 25px ;
	background-color: #9B6E51;
	color: #1A2732;
	cursor: default;
	position: absolute;
	top: 400px;
	left: 650px;
	display:none;
}

/*  ------------------------------------------
/*  Shadow
/*  ------------------------------------------ */

.shadow{
position:relative;
background-color:#00CC99;
z-index:100
}

.shadow_inner{
overflow:hidden;
position:absolute;
top: -1000px;
filter:alpha(Opacity=10); /*modify to change the shade solidity/opacity, same as below*/
opacity:0.1; /*firefox 1.5 opacity*/
-moz-opacity:0.1; /*mozilla opacity*/
-khtml-opacity:0.1; /*opacity*/
z-index:10
}


/*  ------------------------------------------
/*  Motion gallery
/*  ------------------------------------------ */

#motioncontainer {
position:relative; left: 120px; top: 14px; width:350px;height:150px;overflow: hidden;
}

#motioncontainer a img { margin-left: -4px;
/*border: 1px solid #cccccc;  Set image border color */
}

#motioncontainer img:hover { 
cursor: pointer;
	/*filter:Alpha(Opacity=50);*/
	-moz-opacity: 0.5;
	opacity: 0.5;
}

#motioncontainer a:hover img {
	border: none;
/*border: 1px solid navy;  Set image border hover color */
}

#statusdiv {
background-color: #D7D3C7;
border: 1px solid gray;
padding: 2px;
position: absolute; /* Stop Editing Gallery Styles */
left: -300px;
visibility: hidden;
}

#motioncontainer a:hover {
color: #D7D3C7; /* Dummy definition to overcome IE bug */
}
/* End Gallery Styles */

.contenu-exhibitions-scroll-images {
	overflow: hidden;
	height:150px;
	width: 350px;
	padding-bottom: 13px;
	/*margin-bottom: 20px;*/
}
.contenu-exhibitions-scroll-images img {
	/*margin-left: -8px;*/
}


#trueContainer{
	display: inline;
}


/*  ------------------------------------------
/*  Motion gallery 2
/*  ------------------------------------------ */

#motioncontainer2 {
position:relative; left: 120px; top: 14px; width:350px;height:150px;overflow: hidden;
}

#motioncontainer2 a img { margin-left: -4px;
/*border: 1px solid #cccccc;  Set image border color */
}

#motioncontainer2 img:hover { 
cursor: pointer;
	/*filter:Alpha(Opacity=50);*/
	-moz-opacity: 0.5;
	opacity: 0.5;
}

#motioncontainer2 a:hover img {
/*border: 1px solid navy;  Set image border hover color */
}


#motioncontainer2 a:hover {
color: #D7D3C7; /* Dummy definition to overcome IE bug */
}

#trueContainer2{
	display: inline;
}

/* End Gallery Styles */



#conteneur-img-ambiance{
	display: inline-block;
}


.img-ambiance{
	width: 87px;
	height: 87px;
	overflow: hidden;
	/*display: inline-block;*/
	position: relative;
	float:left;
	margin: 0px;
	padding: 0px;
	/*background-color:#1A2732;*/
	background-color:#fff;
}
.img-ambiance-photo{
}

/*.img-ambiance a:hover {
	cursor: pointer;
	filter:Alpha(Opacity=10);
	-moz-opacity: 0.1;
	opacity: 0.1;
}*/
.img-ambiance:hover {
	cursor: pointer;
	filter:Alpha(Opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}


#contenu-une{
	/*background-color: #FFFFFF;*/
	padding: 15px 0 15px 0;
	border-top:#1A2732 dotted 1px;
	border-bottom:#1A2732 dotted 1px;
}
#contenu-une .titre{
	
	background:#1A2732;
	color:#FFFFFF;
	/*margin-left: -10px;
	padding: 2px 4px 2px 4px;
	
	line-height: 18px;*/
}

#page-newsletter {
	width: 48em;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 50px;
	font-family:Arial;!important
}

#intro-newsletter{
	background-image: url(addc_logo-intro_big.png);	
	height: 548px;
	width: 283px;
}
#titre-newsletter{
	background-image: url(addc_titre_newsletter.png);
	height: 35px;
	width: 168px;
}
#signature-newsletter{
	float: left;
	width: 100%;
	padding: 12px 0 5px 0;
	border-top:#1A2732 dotted 1px;
	border-bottom:#1A2732 dotted 1px;
}
#footer-newsletter{
	float: left;
	padding-top: 30px;
	left:15px;
	width: 100%;
	text-align:center;
	color: #1A2732;
	cursor:default;
}
#tomove-intro-newsletter{
	cursor: default;
	position: absolute;
	top: 15px;
	left: 15px;
}
#contenu-tomove-newsletter{
	margin-top: 40px;
	font-size: 11px;
	color: #1A2732;
	cursor:default;
}

#conteneur-img-newsletter{
	position: relative;
	
}
#text-newsletter{
	margin-top:15px;
	float:left;
}
.img-newsletter{
	width: 87px;
	height: 87px;
	overflow: hidden;
	/*display: inline-block;*/
	/*position: relative;*/
	float:left;
	margin: 0px;
	padding: 0px;
	/*background-color:#1A2732;*/
	background-color:#D7D3C7;
}
.img-newsletter-photo{
}

/*.img-ambiance a:hover {
	cursor: pointer;
	filter:Alpha(Opacity=10);
	-moz-opacity: 0.1;
	opacity: 0.1;
}*/
.img-newsletter:hover {
	cursor: pointer;
	filter:Alpha(Opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}




#pagination{
	width: 350px;
	text-transform:uppercase;
	font-size:8px;
	margin-top: 30px;
	color:#FFF;
}
#pagination a{
	text-decoration:none;
	color:#FFF;
}
#pagination a:link{
	text-decoration:none;
	color:#FFF;
}
#pagination a:visited{
	text-decoration:none;
	color:#FFF;
}

#pagination a:hover{
	text-decoration:none;
	color:#1A2732;
}

#pagination-gauche{
	float: left;
}

#pagination-droite{
	float: right;
}