/* texte */
@font-face {
    font-family: 'SmithyXT-Faded';
    src: url('fonts/SmithyXT-Faded.eot') format('eot'),
         url('fonts/SmithyXT-Faded.woff') format('woff'),
         url('fonts/SmithyXT-Faded.ttf') format('truetype'),
         url('fonts/SmithyXT-Faded.svg') format('svg');
	font-family: 'SmithyXT-Regular';
    src: url('fonts/SmithyXT-Regular.eot') format('eot'),
         url('fonts/SmithyXT-Regular.woff') format('woff'),
         url('fonts/SmithyXT-Regular.ttf') format('truetype'),
         url('fonts/SmithyXT-Regular.svg') format('svg');
	font-family: 'SmithyXT-VeryHeavy';
    src: url('fonts/SmithyXT-VeryHeavy.eot') format('eot'),
         url('fonts/SmithyXT-VeryHeavy.woff') format('woff'),
         url('fonts/SmithyXT-VeryHeavy.ttf') format('truetype'),
         url('fonts/SmithyXT-VeryHeavy.svg') format('svg');
}
em{
font-family: 'SmithyXT-VeryHeavy','Arial Black',serif;
font-size: 15px;
font-style:normal;
}
strong{
font-family: 'SmithyXT-VeryHeavy','Arial Black',serif;
font-size: 22px;
font-style:normal;
}
mark{
text-decoration: none;
background-color:white;
font-family: 'SmithyXT-Regular', Arial, serif;
font-size: 15px;
font-style:normal;
color: rgba(84,14,145,0.5);
}
#gras{
font-family: 'SmithyXT-VeryHeavy','Arial Black',serif;
font-size: 14px;
font-style:normal;
}
#italic{
font-style:italic;
}
#centre{
text-align: center;
}
.flotant-droit{
float:right;
margin-left:8px;
}
.flotant-gauche{
float:left;
margin-right:8px;
}
#entoure{
border: 3px double #724d93;
padding: 5px;
}
html,body{
font-family: 'SmithyXT-Regular', Arial, serif;
font-size: 14px;
color: #540e91;
text-align: justify;
}
/* fin mise en forme du texte */
/* liens */
a{
text-transform:uppercase;
text-decoration: none;
color: #540e91;
}
a:hover{
font-family: 'SmithyXT-VeryHeavy','Arial Black',serif;
color: #540e91;
}
img{
border:0px;
}
 #site
 {
 border: 6px double #724d93;
 width: 960px;
 height: 720px;
 margin:auto;
 padding:0;
 }
#menu, #page, #page1 {
    display:inline-block;
    vertical-align:middle;
}
#menu
{
 width: 490px;
 height: 718px;
 background-image: url("fonds/menu.jpg");
 }
#menu1 {
    display:inline-block;
    vertical-align:bottom;
}

#menu1
{
 width: 258px;
 height: 367px;
 background-image: url("fonds/1/menu.jpg");
 }
 #Minimenu, #presentation-Minisite{
 display:none
 }
 #dapres 
 {
	 width: 259px;
	 position: absolute;
	 left: Opx;
	 top: 0px;
	 font-size:10px;
	 padding-left:10px;
	 padding-top:10px;
	 padding-right:10px;
 }
 #distribution 
 {
	 width: 259px;
	 height: 350px;
	 position: absolute;
	 left: Opx;
	 top: 0px;
	 font-size:10px;
	 padding-left:10px;
	 padding-top:80px;
	 padding-right:10px;
 }

 #distrib-g{
	 font-size:9px;
	 font-family: 'SmithyXT-VeryHeavy','Arial Black',serif;
 }
  #dapres-g{
	 font-size:11px;
	 font-family: 'SmithyXT-VeryHeavy','Arial Black',serif;
 }
  #titre{
	 font-size:24px;
	 font-family: 'SmithyXT-VeryHeavy','Arial Black',serif;
 }
#page{
position:relative;
/*border: 3px solid black;*/
width: 400px;
height: 720px;
/* left:505px; */
/* top:-726px */
 }
#page1{
position:relative;
/*border: 3px solid black;*/
width: 620px;
height: 720px;
/* left:505px; */
/* top:-726px */
 }
/* éléments du menu */

#entete
{
 width: 360px;
 height:auto;
margin:0px;
top:0px;
 padding-left:50px;
 /*background-image: url("fonds/header.jpg");*/
 }
 #entete1
{
 width: auto;
 height:auto;
margin:0px;
top:0px;
 padding-left:50px;
 /*background-image: url("fonds/header.jpg");*/
 }
#entete2
{
 width: 600px;
 height:auto;
margin:0px;
top:0px;
 padding-left:50px;
 /*background-image: url("fonds/header.jpg");*/
 }
#corps
{
/*border: 3px solid black; */
 height: 80%;
 margin:0px;
 /*background-image: url("fonds/fond-texte.jpg");*/
 text-align: justify;
}


#position,#texte,#texte2 {
    display:inline-block;
    vertical-align:middle;
}
#position{
position:relative;
height:100%;
}
#texte{
position:relative;
vertical-align:middle;
width : 360px;
height: auto;
margin-left:40px;
}

#texte1{
position:relative;
vertical-align:middle;
width : 800px;
height: auto;
margin-left:40px;
}
#texte2{
position:relative;
vertical-align:middle;
width : 580px;
height: auto;
margin-left:40px;
}
#pied
{
position:absolute;
 width: 455px;
 height: 40px;
 bottom:0px;
 margin:0px;
 /*background-image: url("fonds/footer.jpg");*/
}
#pied2
{
position:absolute;
 width: 620px;
 height: 40px;
 bottom:0px;
 margin:0px;
 /*background-image: url("fonds/footer.jpg");*/
}

/* éléments du menu */

#cadre
{
position: relative;
border: 3px solid rgba(198, 212, 37,0);

 width: 198px;
 height: 82px;
 left:42px;
 top:70px;
 margin:0px;
}
#cadre:hover{
background-image: url("fonds/btn-cadreH1.png");
background-repeat: no-repeat;
border: 3px solid rgba(198, 212, 37,0);
 }

#livres
{
position: relative;
width: 212px;
height: 75px;
left:36px;
top:95px;
margin:0px;
border: 3px solid rgba(198, 212, 37,0);
}
#livres:hover{
background-image: url("fonds/btn-livresH.png");
background-repeat: no-repeat;
width: 212px;
height: 75px;
border: 3px solid rgba(198, 212, 37,0);
}

#tableau
{
position: relative;
border: 3px solid rgba(198, 212, 37,0);
width: 143px;
height: 123px;
left:346px;
top:55px;
margin:0px;
}
#tableau:hover{
background-image: url("fonds/btn-tableauH.png");
background-repeat: no-repeat;
border: 3px solid rgba(198, 212, 37,0);
}
#tableauP
{
position: relative;
border: 3px solid rgba(198, 212, 37,0);
width: 143px;
height: 123px;
left:349px;
top:58px;
margin:0px;
}
#calendrier
{
position: relative;
border: 3px solid rgba(198, 212, 37,0);
width: 182px;
height: 96px;
left:157px;
top:-1px;
margin:0px;
}
#calendrier:hover{
background-image: url("fonds/btn-calendrierH.png");
background-repeat: no-repeat;
border: 3px solid rgba(198, 212, 37,0);
}
#newsletter
{
position: relative;
border: 3px solid rgba(198, 212, 37,0);
width: 116px;
height: 217px;
left:-18px;
top:-143px;
margin:0px;
}
#newsletter:hover{
background-image: url("fonds/btn-newsletterH.png");
background-repeat: no-repeat;
border: 3px solid rgba(198, 212, 37,0);
}
#contact
{
position: relative;
border: 3px solid rgba(198, 212, 37,0);
width: 91px;
height: 103px;
left:203px;
top:-177px;
margin:0px;
}
#contact:hover{
background-image: url("fonds/btn-contactH.png");
background-repeat: no-repeat;
border: 3px solid rgba(198, 212, 37,0);
}
#projet-peda
{
position: relative;
border: 3px solid rgba(198, 212, 37,0);
width: 230px;
height: 95px;
left:-29px;
top:-155px;
margin:0px;
}
#projet-peda:hover{
background-image: url("fonds/btn-projet-pedaH.png");
background-repeat: no-repeat;
border: 3px solid rgba(198, 212, 37,0);
}
#soutiens
{
position: relative;
border: 3px solid rgba(198, 212, 37,0);
width: 92px;
height: 113px;
left:201px;
top:-274px;
margin:0px;
}
#soutiens:hover{
background-image: url("fonds/btn-soutiensH.png");
background-repeat: no-repeat;
border: 3px solid rgba(198, 212, 37,0);
}
#accueil
{
position: relative;
border: 3px solid rgba(198, 212, 37,0);
width: 69px;
height: 53px;
left:368px;
top:-319px;
margin:0px;
}
#accueil:hover{
background-image: url("fonds/btn-accueilH.png");
background-repeat: no-repeat;
border: 3px solid rgba(198, 212, 37,0);
}
#presse
{
position: relative;
border: 3px solid rgba(198, 212, 37,0);
width: 88px;
height: 137px;
left:75px;
top:-757px;
margin:0px;
}
#presse:hover{
background-image: url("fonds/btn-presseH.png");
background-repeat: no-repeat;
border: 3px solid rgba(198, 212, 37,0);
}
#autre
{
position: relative;
border: 3px solid rgba(198, 212, 37,0);
width: 115px;
height: 176px;
left:312px;
top:-735px;
margin:0px;
}
#autre:hover{
background-image: url("fonds/btn-autres-projetsH.png");
background-repeat: no-repeat;
border: 3px solid rgba(198, 212, 37,0);
}

/* éléments du menu1 */

#cadre1
{
position: relative;
border: 3px solid rgba(198, 212, 37,0);

 width: 101px;
 height: 42px;
 left:20px;
 top:34px;
 margin:0px;
}
#cadre1:hover{
background-image: url("fonds/1/btn-cadreH1.png");
background-repeat: no-repeat;
border: 3px solid rgba(198, 212, 37,0);
 }

#livres1
{
position: relative;
width: 108px;
height: 38px;
left:17px;
top:43px;
margin:0px;
border: 3px solid rgba(198, 212, 37,0);
}
#livres1:hover{
background-image: url("fonds/1/btn-livresH.png");
background-repeat: no-repeat;
width: 212px;
height: 75px;
border: 3px solid rgba(198, 212, 37,0);
}

#tableau1
{
position: relative;
border: 3px solid rgba(198, 212, 37,0);
width: 73px;
height: 63px;
left:176px;
top:21px;
margin:0px;
}
#tableau1:hover{
background-image: url("fonds/1/btn-tableauH.png");
background-repeat: no-repeat;
border: 3px solid rgba(198, 212, 37,0);
}

#calendrier1
{
position: relative;
border: 3px solid rgba(198, 212, 37,0);
width: 72px;
height: 49px;
left:79px;
top:-11px;
margin:0px;
}
#calendrier1:hover{
background-image: url("fonds/1/btn-calendrierH.png");
background-repeat: no-repeat;
border: 3px solid rgba(198, 212, 37,0);
}
#newsletter1
{
position: relative;
border: 3px solid rgba(198, 212, 37,0);
width: 59px;
height: 111px;
left:-11px;
top:-87px;
margin:0px;
}
#newsletter1:hover{
background-image: url("fonds/1/btn-newsletterH.png");
background-repeat: no-repeat;
border: 3px solid rgba(198, 212, 37,0);
}
#contact1
{
position: relative;
border: 3px solid rgba(198, 212, 37,0);
width: 43px;
height: 53px;
left:102px;
top:-108px;
margin:0px;
}
#contact1:hover{
background-image: url("fonds/1/btn-contactH.png");
background-repeat: no-repeat;
border: 3px solid rgba(198, 212, 37,0);
}
#projet-peda1
{
position: relative;
border: 3px solid rgba(198, 212, 37,0);
width: 117px;
height: 48px;
left:-16px;
top:-99px;
margin:0px;
}
#projet-peda1:hover{
background-image: url("fonds/1/btn-projet-pedaH.png");
background-repeat: no-repeat;
border: 3px solid rgba(198, 212, 37,0);
}
#soutiens1
{
position: relative;
border: 3px solid rgba(198, 212, 37,0);
width: 47px;
height: 58px;
left:101px;
top:-163px;
margin:0px;
}
#soutiens1:hover{
background-image: url("fonds/1/btn-soutiensH.png");
background-repeat: no-repeat;
border: 3px solid rgba(198, 212, 37,0);
}
#accueil1
{
position: relative;
border: 3px solid rgba(198, 212, 37,0);
width: 35px;
height: 27px;
left:187px;
top:-250px;
margin:0px;
}
#accueil1:hover{
background-image: url("fonds/1/btn-accueilH.png");
background-repeat: no-repeat;
border: 3px solid rgba(198, 212, 37,0);
}
#presse1
{
position: relative;
border: 3px solid rgba(198, 212, 37,0);
width: 45px;
height: 70px;
left:38px;
top:-475px;
margin:0px;
}
#presse1:hover{
background-image: url("fonds/1/btn-presseH.png");
background-repeat: no-repeat;
border: 3px solid rgba(198, 212, 37,0);
}
#autre1
{
position: relative;
border: 3px solid rgba(198, 212, 37,0);
width: 59px;
height: 90px;
left:157px;
top:-468px;
margin:0px;
}
#autre1:hover{
background-image: url("fonds/1/btn-autres-projetsH.png");
background-repeat: no-repeat;
border: 3px solid rgba(198, 212, 37,0);
}

/* ------------ */

#galleria2{
height:291px;
width:460px;
padding-left:40px;
}
		
		

#affichereveberbere{
background-image: url("images/affiche-reveberbere.jpg");
background-repeat: no-repeat;
}
#affichereveberbere:hover{
background-image: url("images/affiche-reveberbereH.jpg");
background-repeat: no-repeat;
}
#affichealivreouvert{
background-image: url("images/affiche-alivreouvert.jpg");
background-repeat: no-repeat;
}
#affichealivreouvert:hover{
background-image: url("images/affiche-alivreouvertH.jpg");
background-repeat: no-repeat;
}
#affiche-reve-indo{
background-image: url("images/affiche-reve-indoH.jpg");
background-repeat: no-repeat;
}
#affiche-reve-indo:hover{
background-image: url("images/affiche-reve-indo.jpg");
background-repeat: no-repeat;
}
#affiche-alivreouvert-ukraine{
position:relative;
background-image: url("images/affiche-alivreouvert-ukraineH.jpg");
background-repeat: no-repeat;
width: 100px;
height: 143px;
top:-20px;
}
#affiche-alivreouvert-ukraine:hover{
background-image: url("images/affiche-alivreouvert-ukraine.jpg");
background-repeat: no-repeat;
width: 100px;
height: 143px;
}
#leslieViolon{
background-image: url("images/leslieViolon.jpg");
background-repeat: no-repeat;
}
#leslieViolon:hover{
background-image: url("images/leslieViolonH.jpg");
background-repeat: no-repeat;
}

#leslietrepied{
background-image: url("images/leslietrepied.jpg");
background-repeat: no-repeat;
}
#leslietrepied:hover{
background-image: url("images/leslietrepiedH.jpg");
background-repeat: no-repeat;
}

#saut-danse-jeff{
background-image: url("images/saut-danse-jeff.jpg");
background-repeat: no-repeat;
}
#saut-danse-jeff:hover{
background-image: url("images/saut-danse-jeffH.jpg");
background-repeat: no-repeat;
}

#colonne-gta{
background-image: url("images/colonne-gta.jpg");
background-repeat: no-repeat;
}
#colonne-gta:hover{
background-image: url("images/colonne-gtaH.jpg");
background-repeat: no-repeat;
}
#sudouest-jonzac1{
background-image: url("presse/sudouest-jonzac1.jpg");
background-repeat: no-repeat;
}
#sudouest-jonzac1:hover{
background-image: url("presse/sudouest-jonzac1H.jpg");
background-repeat: no-repeat;
}
#DAAC{
background-image: url("presse/daac-mini.jpg");
background-repeat: no-repeat;
}
#DAAC:hover{
background-image: url("presse/daac-miniH.jpg");
background-repeat: no-repeat;
}
#PROGRES{
background-image: url("presse/progres-15-03-04.jpg");
background-repeat: no-repeat;
}
#PROGRES:hover{
background-image: url("presse/progres-15-03-04-H.jpg");
background-repeat: no-repeat;
}
#ERM{
background-image: url("presse/EP13-11-08.jpg");
background-repeat: no-repeat;
}
#ERM:hover{
background-image: url("presse/EP13-11-08H.jpg");
background-repeat: no-repeat;
}
#ERB{
background-image: url("presse/ALivreOuvert_ER19-11-13.jpg");
background-repeat: no-repeat;
}
#ERB:hover{
background-image: url("presse/ALivreOuvert_ER19-11-13H.jpg");
background-repeat: no-repeat;
}

#haute-saintonge{
background-image: url("presse/haute-saintonge.jpg");
background-repeat: no-repeat;
}
#haute-saintonge:hover{
background-image: url("presse/haute-saintongeH.jpg");
background-repeat: no-repeat;
}
#sudouest-jonzac{
background-image: url("presse/sudouest-jonzac.jpg");
background-repeat: no-repeat;
}
#sudouest-jonzac:hover{
background-image: url("presse/sudouest-jonzacH.jpg");
background-repeat: no-repeat;
}
#lutterbach-mini{
background-image: url("presse/lutterbach.jpg");
background-repeat: no-repeat;
}
#lutterbach-mini:hover{
background-image: url("presse/lutterbachH.jpg");
background-repeat: no-repeat;
}
#sudouest-mini{
background-image: url("presse/sudouest-mini.jpg");
background-repeat: no-repeat;
}
#sudouest-mini:hover{
background-image: url("presse/sudouest-mini-H.jpg");
background-repeat: no-repeat;
}
#dl-mini{
background-image: url("presse/dl-mini.jpg");
background-repeat: no-repeat;
}
#dl-mini:hover{
background-image: url("presse/dl-mini-H.jpg");
background-repeat: no-repeat;
}
#dl1-mini{
background-image: url("presse/dl1-mini.jpg");
background-repeat: no-repeat;
}
#dl1-mini:hover{
background-image: url("presse/dl1-mini-H.jpg");
background-repeat: no-repeat;
}
#echo-mini{
background-image: url("presse/echo-mini.jpg");
background-repeat: no-repeat;
}
#echo-mini:hover{
background-image: url("presse/echo-mini-H.jpg");
background-repeat: no-repeat;
}
#tiptop52-mini{
background-image: url("presse/tiptop52-miniH.jpg");
background-repeat: no-repeat;
}
#tiptop52-mini:hover{
background-image: url("presse/tiptop52-mini.jpg");
background-repeat: no-repeat;
}

#vivant-mini{
background-image: url("presse/vivant-mini.jpg");
background-repeat: no-repeat;
}
#vivant-mini:hover{
background-image: url("presse/vivant-miniH.jpg");
background-repeat: no-repeat;
}

#page-site-crous-mini{
background-image: url("presse/page-site-crous-miniH.jpg");
background-repeat: no-repeat;
}
#page-site-crous-mini:hover{
background-image: url("presse/page-site-crous-mini.jpg");
background-repeat: no-repeat;
}

@media only screen and (min-width: 631px) and (max-width: 1024px){
	#site, #page, #entete, #texte, #pied{
		width: auto;
    }
	#site{
	height:auto;
	}
	#texte{
	margin-left: 10px;
	margin-right: 10px;
	}
	#menu, #presentation-site{
		display:none;
	}
	 #Minimenu, #presentation-Minisite, #page, #site{
		display:block;
	}
	#Minimenu{
	background-image: url("fonds/menu1.jpg");
	background-repeat: no-repeat;
	background-position:right;
	font-size: 110%;
	float:left;
	width:40%;
	}
	#page{
	float:left;
	width:60%;
	height:auto;
	margin-bottom:10px;
	}
	strong{
	font-size: 130%;
	}
	em, mark{
	font-size: 130%;
	}
	html,body{
	font-size:120%;
	}
}
@media only screen and (min-device-width: 631px) and (max-device-width: 1024px){
	#site, #page, #entete, #texte, #pied{
		width: auto;
    }
	#site{
	height:auto;
	}
	#texte{
	margin-left: 10px;
	margin-right: 10px;
	}
	#menu, #presentation-site{
		display:none;
	}
	 #Minimenu, #presentation-Minisite, #page, #site{
		display:block;
	}
	#Minimenu{
	background-image: url("fonds/menu1.jpg");
	background-repeat: no-repeat;
	background-position:right;
	font-size: 110%;
	float:left;
	width:40%;
	}
	#page{
	float:left;
	width:60%;
	height:auto;
	margin-bottom:10px;
	}
	strong{
	font-size: 130%;
	}
	em, mark{
	font-size: 130%;
	}
	html,body{
	font-size:120%;
	}
}
@media only screen and (max-device-width: 630px) {
	#site, #page, #entete, #texte, #pied{
		width: auto;
    }
	#site{
	height:auto;
	}
	#texte{
	margin-left: 10px;
	margin-right: 10px;
	}
	#menu, #presentation-site{
		display:none;
	}
	 #Minimenu, #presentation-Minisite, #page, #site{
		display:block;
	}
	#Minimenu{
	background-image: url("fonds/menu1.jpg");
	background-repeat: no-repeat;
	background-position:right;
	font-size: 120%;
	float:none;
	width:auto;
	}
	#page{
	float:none;
	width:auto;
	height:auto;
	margin-bottom:10px;
	}
	strong{
	font-size: 140%;
	}
	em, mark{
	font-size: 140%;
	}
	html,body{
	font-size:120%;
	}
}
@media only screen and (max-width: 630px) {
	#site, #page, #entete, #texte, #pied{
		width: auto;
    }
	#site{
	height:auto;
	}
	#texte{
	margin-left: 10px;
	margin-right: 10px;
	}
	#menu, #presentation-site{
		display:none;
	}
	 #Minimenu, #presentation-Minisite, #page, #site{
		display:block;
	}
	#Minimenu{
	background-image: url("fonds/menu1.jpg");
	background-repeat: no-repeat;
	background-position:right;
	font-size: 120%;
	float:none;
	width:auto;
	}
	#page{
	float:none;
	width:auto;
	height:auto;
	margin-bottom:10px;
	}
	strong{
	font-size: 150%;
	}
	em, mark{
	font-size: 150%;
	}
	html,body{
	font-size:140%;
	}
}