/*-------------------*/
/* CONTENEUR PRINCIPALE définit dans le conteneur exterieur taille 800px*/
/*---------------------*/

#conteneurexterieur {

	min-height: 100%;
	height: auto !important;
	height: 100%; /* the bottom margin is the negative value of the footer's height */
	/*width: 100%;*/
	margin-top: 0;
	margin-right: auto;
	margin-bottom: -160px;
	margin-left: auto;
	width: 800px;
	text-align: center;*/
}

/*-------------------*/
/* BOITE TETE*/
/*---------------------*/
/*------*/
/* Boite superieure qui contient logo image et barre de navigation */
/*------*/

  #tete  {
width : 800px;
height : 100px;
background-repeat : no-repeat;
background-position : right top;
background-color : #ffffff;
}
#logocemea {
background-image : url(images/festival_education.jpg);
background-repeat : no-repeat;
height : 150px;
margin-left : auto;
margin-right : auto;
text-decoration : none;
width : 800px;
}
#logocemea a {
background-image : url(images/boutoncemea.png);
background-repeat : no-repeat;
clear : both;
display : block;
float : right;
height : 50px;
outline-style : none;
outline-width : medium;
text-decoration : none;
width : 135px;
} 
/*----*/
/*DIVCONTENEUR 2eme boite au dessous de tete contient 3 colonnes*/
/*----*/

#conteneur  {
background-color : #7b97a8;
float : left;
overflow : hidden;
padding : 0;
text-align : left;
width : 100%;
} 


		/*.......*/
		/* trois colonnes */
		/*.......*/
  #colonne1  {
background-color : #7b97a8;
border : 1px solid #adbec9;
float : left;
height : 730px;
margin : 3px 0 0;
padding : 5px;
width : 200px;
}
#colonnecenter {
float : left;
width : 240px;
}
#colonnedroite {
background-color : #7b97a8;
float : left;
margin-top : 3px;
padding : 5px;
width : 575px;
}
#rightcolumn {
font-size :14px;
clear : inherit;
float : right;
width : 585px;
} 


		/* A l'interieur de colonne1 */

		  #recherche  {
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
font-weight : bold;
color : #ffffff;
background-image : url(images/recherchebffe.jpg);
background-repeat : no-repeat;
height : 176px;
width : 205px;
padding-top : 20px;
margin-bottom : 0;
float : left;
padding-left : 15px;
}
#festivalfilmeduc {
font-family : Geneva, Arial, Helvetica, sans-serif;
font-size : 12px;
font-weight : bold;
margin-bottom : 0;
padding : 5px;
}
#bloc4 {
background-color : #7b97a8;
border : 1px solid #adbec9;
margin : 0 20px 20px 0;
padding : 20px;
}
#bloc4 h2 {
text-decoration : none;
} 
		
		
		
		/*-------------------Conteneur de logo d'articles MOSAIQUE--------------*/

  #mosaique  {
border : 4px solid #adbec9;
background-repeat : no-repeat;
height : 205px;
left : 0;
margin-left : 10px;
top : 109px;
width : 205px;
}
#mosaique h2 {
color : #000000;
font-family : Geneva, Arial, Helvetica, sans-serif;
font-size : 1em;
font-weight : bold;
margin : 0;
padding : 10px;
}
#mosaique ul {
list-style-image : none;
list-style-position : outside;
list-style-type : none;
margin-left : 10px;
margin-top : -10px;
}
ul#col1 {
margin : 0;
padding : 0;
list-style : none;
display : inline;
} 					
					
			
					/*-------------------PArtenaires de mosaîques--------------*/	
					  .liste-partenaires1  {
float : left;
}
.liste-partenaires2 {
float : left;
}
.liste-partenaires3 {
float : left;
}
.liste-partenaires1 ul {
margin : 1px 0 0 0;
padding : 0;
list-style : none;
}
.liste-partenaires1 li {
margin-bottom : 1em;
clear : both;
}
.liste-partenaires1 li .spip_logos {
margin : 0 0 -16px 0;
padding : 0 0 0 0;
border : 1px solid #867f7e;
clear : left;
}
.liste-partenaires2 ul {
margin : 1px 0 0 0;
padding : 0;
list-style : none;
}
.liste-partenaires2 li {
margin-bottom : 1em;
clear : both;
}
.liste-partenaires2 li .spip_logos {
margin : 0 0 -16px 0;
padding : 0 0 0 0;
border : 1px solid #867f7e;
clear : left;
}
.liste-partenaires3 ul {
margin : 1px 0 0 0;
padding : 0;
list-style : none;
}
.liste-partenaires3 li {
margin-bottom : 1em;
clear : both;
}
.liste-partenaires3 li .spip_logos {
margin : 0 0 -16px 0;
padding : 0 0 0 0;
border : 1px solid #867f7e;
clear : left;
} 
					
					

				/*-------------------LIENS--------------*/	
a.liengauche:link  {
font-family : Chicago, Charcoal, sans-serif;
font-size : 13px;
letter-spacing : 3px;
color : #ffffff;
text-decoration : none;
font-weight : bold;
padding-top : 0;
}
a.liengauche:visited {
font-family : Chicago, Charcoal, sans-serif;
font-size : 13px;
color : #ffffff;
text-decoration : none;
font-weight : bold;
padding-top : 22px;
}
a.liengauche:hover {
font-family : Chicago, Charcoal, sans-serif;
font-size : 13px;
color : #ffffff;
text-decoration : underline;
font-weight : bold;
}  

		/* A l'interieur de colonne2 */
#colonnecenter a  {
color : #bde9f2;
}
.bargrise {
font-family : Geneva, Arial, Helvetica, sans-serif;
font-size : 1.15em;
font-weight : bold;
color : #000000;
padding-left : 13px;
padding-top : 0;
padding-bottom : 0;
}
.bargrise2 {
font-family : Geneva, Arial, Helvetica, sans-serif;
font-size : 26px;
font-weight : bold;
margin-right : 15px;
padding-top : 0;
padding-bottom : 0;
}
.gauche {
background-color : #a61900;
color : #bde9f2;
font-family : Arial;
font-size : 22px;
font-weight : bold;
height : auto;
letter-spacing : 1px;
margin : 15px 5px 10px 7px;
padding : 10px;
width : 205px;
}
.gauche a {
color : #ffffff;
font-size : 12px;
}
.gauche a:hover {
color : #000000;
font-size : 12px;
} 				/*#boitegauche {
				float: left;
				width: 220px;
				background-color: #4490a0;
				background-image: url(images/bar1boitegauche_bffe.jpg);
				background-repeat: repeat-x;
				padding-top: 10px;
				padding-bottom: 20px;
				/*padding-left: 10px;
				}
			<!--echodespartenaires-->  */
.conteneurimagetexte  {
margin-right : 2em;
}
.conteneurimage {
text-align : center;
}
.texte_colonne {
float : left;
} 			
			
				
				
				
				/*#boitegauche p {
				margin-top:3em;
				/*padding-left: 5px;
				}*/

		/* A l'interieur de colonne3droite */

				/*#moyenneboitegauche2 {
				width:225px;
				clear: left;
				/*background-image: url(squelettes/images/bar3myenneboite.jpg);
				background-color:#28545D;
				background-repeat: repeat-x;
				margin-top:11px;
				padding-top: 7px;
				}	*/

#colonnedroite a  {
color : #bde9f2;
}
.liste-articles {
border : 1px solid #adbec9;
padding : 10px;
}
.bloc2 {
width:92.4%;
background-color : #7b97a8;
border : 1px solid #adbec9;
float : left;
margin : 3px 3px 0 0;
padding : 5px 20px;
}
#bloc2 {
background-color : #7b97a8;
border : 1px solid #adbec9;
float : left;
margin : 3px 3px 0 0;
padding : 20px;
}
#bloc2 img {
float : right;
margin-bottom : 5px;
margin-left : 20px;
} /*----*/
/*DIVPIED */
/*----*/

  #boitepied  {
width : 100%;
margin : 0;
clear : both;
}
#footer {
background-color : #d7dfe3;
background-image : url(images/footershadow.png);
background-position : center top;
background-repeat : repeat-x;
float : left;
height : 170px;
width : 100%;
}
#footerwrapper {
border : 1px solid #7b97a8;
margin : 10px auto;
text-decoration : none;
width : 800px;
}
#links {
background-color : #b9c8d0;
background-image : url(images/linksbg.png);
background-repeat : repeat-x;
height : 145px;
}
#footerwrapper h1 {
background-color : #7b97a8;
float : left;
font-size : 1.7em;
height : 125px;
padding : 10px;
width : 150px;
}
#links div {
float : left;
height : 125px;
margin-left : auto;
margin-right : auto;
padding-top : 20px;
text-align : center;
width : 175px;
}
#links img {
border : 3px solid #ffffff;
margin-bottom : 5px;
margin-left : 25px;
margin-right : 8px;
}
#footerwrapper img {
border : 2px solid #ffffff;
}
#pied {
background-color : #000000;
clear : left;
width : 800px;
font-size : 10px;
padding-top : 10px;
text-align : right;
margin : 0;
overflow : hidden;
}
#footer3 {
background-color : #d7dfe3;
float : left;
height : 20px;
width : 100%;
}
#footerwrapper3 {
color : #27333a;
margin-left : auto;
margin-right : auto;
text-align : center;
text-decoration : none;
width : 800px;
}
#footerwrapper3 a {
color : #557182;
font-size : 0.9em;
}