
/*-------------------*/
/* 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;
}

.2010logo2010{
background-image : url(images2010/6eme_festival_film_educ.jpg);
background-repeat : no-repeat;
height : 150px;
margin-left : auto;
margin-right : auto;
text-decoration : none;
width : 800px;
}

.2011logo2011{
background-image : url(images2011/7eme_festival_film_educ.jpg);
background-repeat : no-repeat;
height : 150px;
margin-left : auto;
margin-right : auto;
text-decoration : none;
width : 800px;
}

#logocemea li{
color:#FFFFFF;
margin:0 0 14px;
position:relative;
}
.2010logo2010 li{
color:#FFFFFF;
margin:0 0 14px;
position:relative;
}
.2011logo2011 li{
color:#FFFFFF;
margin:0 0 14px;
position:relative;
}
#boutoncemea {
background-image:url("images/boutoncemea.png");
background-repeat:no-repeat;
height:50px;
margin-left:720px;
outline-style:none;
outline-width:medium;
text-decoration:none;
width:135px;
}
#boutoncemea a{
border:none;
outline-style:none;
outline-width:medium;
text-decoration:none;
text-decoration:none;
}
#boutoncemea a:link{
border:none;
outline-style:none;
outline-width:medium;
text-decoration:none;
text-decoration:none;
}
#boutoncemea a:hover{
border:none;
outline-style:none;
outline-width:medium;
text-decoration:none;
text-decoration:none;
}
#boutoncemea a:visited{
border:none;
outline-style:none;
outline-width:medium;
text-decoration:none;
text-decoration:none;
}
/*#blogbouton {
background-image:url("images/blog_festival.png");
background-repeat:no-repeat;
height:50px;
margin-left:10px;
margin-top:5px;
outline-style:none;
outline-width:medium;
text-decoration:none;
}*/

#contact a {
color:#999999;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:13px;
font-weight:700;
padding-left:0;
padding-right:5px;
text-decoration:none;
}

.fluxrss a{
background-image :  url(images/rss-logo.jpg);
background-repeat : no-repeat;
clear : both;
/*display : block;
float : right;
height : 50px;*/
outline-style : none;
outline-width : medium;
text-decoration : none;
}
/*----*/
/*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;

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 {
background-color: #7B97A8;
font-size :13px;
margin-top : 3px;
clear : inherit;
float : right;
width : 585px;

}
 
#festivlfilmeduc.spip_doc_titre{
margin-right:10px;}


		/* A l'interieur de colonne1 */

		  
#recherche {
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 10px;
	margin-bottom: 20px;
	   height: 18px;
    margin-bottom: 20px;
    width: 155px;
}


#festivalfilmeduc {
font-family : Geneva, Arial, Helvetica, sans-serif;
font-size : 13px;
font-weight : bold;
margin-bottom : 0;
padding : 5px;
}
.divleftdocument {
float:right;
background-image:url("imagesmenu/boitedocdivright.jpg");
background-repeat:repeat-x;
margin-right:0;
width:255px;
height:200px;
color:#a51800;
font-size:13px;
text-align:center;
}

.Liencolonnegauche {
background-color :#006a81;
font-family:Geneva,Arial,Helvetica,sans-serif;
font-size:13px;
font-weight:bold;
margin : 0 20px 20px 0;
padding:5px;
}
.fluxrss {
background:url("images/rss-logo.jpg") no-repeat scroll left center transparent;
font-size:13px;
margin-bottom:5px;
padding:5px 2px 5px 0;
text-align:right;
text-decoration: none;}
#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 : 13;
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--------------*/	


.liengauche a:link {
font-family : Chicago, Charcoal, sans-serif;
font-size : 13px;
color: #DFF0FB;
text-decoration : none;
font-weight : bold;
} 
.liengauche a:hover {
font-family : Chicago, Charcoal, sans-serif;
font-size : 13px;
  color: #BDE9FE;
text-decoration : none;
font-weight : bold;
}  
.liengauche a:visited {
font-family : Chicago, Charcoal, sans-serif;
font-size : 13px;
  color: #EAEBEB;
text-decoration : none;
font-weight : bold;
} 

.titre_rubrique a:link {
font-family : Chicago, Charcoal, sans-serif;
font-size : 13px;
color: #DFF0FB;
text-decoration : none;
font-weight : bold;
} 

.titre_rubrique a:hover {
font-family : Chicago, Charcoal, sans-serif;
font-size : 13px;
  color: #BDE9FE;
text-decoration : none;
font-weight : bold;
}  

.titre_rubrique  a:visited {
font-family : Chicago, Charcoal, sans-serif;
font-size : 13px;
  color: #EAEBEB;
text-decoration : none;
font-weight : bold;
} 


#rightcolumn a:link{
    color: #DFF0FB;
    font-size: 13px;
    font-weight: bold;
    padding-top: 0;
    text-decoration: none;
}
#rightcolumn a:hover {
    color: #BDE9FE;
    font-size: 13px;
    font-weight: bold;
    padding-top: 0;
    text-decoration: none;
}
#rightcolumn a:visited {
    color: #EAEBEB;
    font-size: 14px;
    font-weight: bold;
    padding-top: 0;
    text-decoration: none;
}
#colonnecenter a:link {
    color: #DFF0FB;
    font-size: 13px;
    font-weight: bold;
    padding-top: 0;
    text-decoration: none;
}
#colonnecenter a:hover  {
    color: #BDE9FE;
    font-size: 13px;
    font-weight: bold;
    padding-top: 0;
    text-decoration: none;
}
#colonnecenter a:visited  {
    color: #EAEBEB;
    font-size: 13px;
    font-weight: bold;
    padding-top: 0;
    text-decoration: none;
}



		/* A l'interieur de colonne2 */
#colonnecenter a  {
color : #bde9f2;
}
.bargrise {
font-family : Geneva, Arial, Helvetica, sans-serif;
font-size : 13px;
font-weight : bold;
color : #000000;
padding-left : 13px;
padding-top : 0;
padding-bottom : 0;
}
.bargrise2 {
font-family :Arial, Helvetica, sans-serif;
font-weight : bold;
margin-right : 15px;
padding-top : 0;
padding-bottom : 0;
}
.gauche {
background-color : #a61900;
color : #bde9f2;
font-family : Arial;
font-size : 13px;
font-weight : bold;
height : auto;
letter-spacing : 1px;
margin : 15px 5px 10px 7px;
padding : 10px;
width : 205px;
}
.gauche a {
color : #ffffff;
font-size : 13px;
}
.gauche a:hover {
color : #000000;
font-size : 13px;
} 				/*#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;
text-decoration: none;
}
.liste-articles {
border : 1px solid #adbec9;
padding : 10px;
width : 520px;
}
.liste-articles li{
font-weight: normal;
}
.liste-articles li p{
letter-spacing: 0.1em;
    margin-left: 85px;
    text-align: justify;

}
.bloc2 {
width:92.4%;
background-color : #7b97a8;
border : 1px solid #adbec9;
float : left;
margin : 3px 3px 0 0;
padding : 5px 20px;
}
 .bloc2 h1{
 font-size : 1.1em;
 font-weight : bold;
 }
#bloc2 {
background-color : #7b97a8;
border : 1px solid #adbec9;
float : left;
font-size:13px;
margin : 3px 3px 0 0;
padding : 20px;
}

#bloc2 img {
float : right;
margin-bottom : 5px;
margin-left : 20px;
} 
.liste-articles li{
margin-bottom : 0px;
}

/*PSEUDOSELECTEUR*/


/*----*/
/*DIVPIED */
/*----*/

  #boitepied  {
background-color: #26333B;
/*width : 100%;
margin : 0;
clear : both;*/
height: auto !important;
margin: 0 auto -160px;
 min-height: 100%;
text-align: center;
 width: 800px;
}
   

#footer {
background-color : #98ADBA;
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 : 110px;
}
#linksdvd {
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 : 110px;
margin-left : auto;
margin-right : auto;
padding-top : 5px;
padding-right: 10px;
}
#linksdvd div {
float : left;
height:145px;
margin-left : auto;
margin-right : auto;
padding-top : 0px;
text-align : center;
width : 90px;
}

#links img {
border : 1px solid #adbec9;
margin-bottom : 5px;
margin-left : 10px;
margin-right : 8px;
}
#linksdvd img {
border : 1px solid #adbec9;
margin-bottom : 5px;
margin-left : 10px;
margin-right : 8px;
}

#footerwrapper img {
border : 2px solid #adbec9;
}
#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;
} 

