/* -------------------communs */

html , body

{
height:100%;
margin: 0;
padding: 0;
}

body

{
background:#443a3a;
}

a img

{
border:none;
}

#conteneur

{
width:1020px;
margin-left:auto;
margin-right:auto;
min-height:100%;
position:relative;
background-image: url("degrade.jpg");
background-repeat: repeat-y; 
}


#imageheader

{
width:1000px;
height:236px;
margin:auto;
}

h1

{
color:white;
}

#colonneliens

{
width:250px;
float:left;
padding-top:0px !important;
padding-top:30px;
}

a.actuel
{
border-bottom: 3px solid  #CCCC00;
}

a#accueil /* Les images du menu ainsi que l'effet hover utilisent la technique des portes coulissantes */
{
background: url(m.accueil.jpg) left top no-repeat  ;
height: 40px; 
width: 100px; 
display: block;
text-align:center; 
}

a#casa /* Les images du menu ainsi que l'effet hover utilisent la technique des portes coulissantes */
{
background: url(m.casa.jpg) left top no-repeat  ;
height: 40px; 
width: 75px; 
display: block;
text-align:center; 
}

a#accueil:hover
{
background: url(m.accueil.jpg) right top no-repeat ;
}

a#casa:hover
{
background: url(m.casa.jpg) right top no-repeat ;
}


a#presentation
{
background: url(m.presentation.jpg) left top no-repeat  ;
height: 40px; 
width: 160px; 
display: block;
}

a#panoramica
{
background: url(m.panoramica.jpg) left top no-repeat  ;
height: 40px; 
width: 145px; 
display: block;
}

a#presentation:hover
{
background: url(m.presentation.jpg) right top no-repeat ;
}

a#panoramica:hover
{
background: url(m.panoramica.jpg) right top no-repeat ;
}

a#mariages
{
background: url(m.mariages.jpg) left top no-repeat  ;
height: 40px; 
width: 120px; 
display: block;
}

a#matrimoni
{
background: url(m.matrimoni.jpg) left top no-repeat  ;
height: 40px; 
width: 120px; 
display: block;
}

a#mariages:hover
{
background: url(m.mariages.jpg) right top no-repeat ;
}

a#matrimoni:hover
{
background: url(m.matrimoni.jpg) right top no-repeat ;
}

a#services
{
background: url(m.services.jpg) left top no-repeat  ;
height: 40px; 
width: 110px; 
display: block;
}

a#servizi
{
background: url(m.servizi.jpg) left top no-repeat  ;
height: 40px; 
width: 80px; 
display: block;
}

a#services:hover
{
background: url(m.services.jpg) right top no-repeat ;
}

a#servizi:hover
{
background: url(m.servizi.jpg) right top no-repeat ;
}

a#evenements
{
background: url(m.evenements.jpg) left top no-repeat  ;
height: 40px; 
width: 150px; 
display: block;
}

a#eventi
{
background: url(m.eventi.jpg) left top no-repeat  ;
height: 40px; 
width: 80px; 
display: block;
}

a#evenements:hover
{
background: url(m.evenements.jpg) right top no-repeat ;
}

a#eventi:hover
{
background: url(m.eventi.jpg) right top no-repeat ;
}

a#contact
{
background: url(m.contact.jpg) left top no-repeat  ;
height: 40px; 
width: 100px; 
display: block;
}

a#contatto
{
background: url(m.contatto.jpg) left top no-repeat  ;
height: 40px; 
width: 100px; 
display: block;
}

a#contact:hover
{
background: url(m.contact.jpg) right top no-repeat ;
}

a#contatto:hover
{
background: url(m.contatto.jpg) right top no-repeat ;
}

.liens

{
font-size:1.5em;
font-family:"Times New Roman", serif;
color:white;
list-style-type: none;
}

.liens a

{
color:white;
text-decoration:none;
}

.liens a:hover

{
color:#CCCC00;

}

.liens a:focus

{
color:green;

}

.liens a:active

{
color:red;
}

ul li
{
margin-top:0px;
margin-bottom:10px;
}

.liens a img

{
border:none;
}

#corps

{
margin-top:40px;
margin-left:256px;
padding-bottom:35px;
text-align:center;
width:750px;
}

#corps h2,h3

{

color:white;
}

#corps p

{
font-size:1.4em;
color:white;
}

#footer

{
width:687px;
margin-left:300px;
clear:left;
height:40px;
text-align:center;
position:absolute;
bottom:0;
padding-bottom:10px;
}

#footer p

{
color:#CCCC00;
font-size:1.2em;
font-family:comic sans ms;
font-weight: bold;
}

#footer p a img

{
border:none;
}

a img.francais

{
position:absolute;
top:240px;
left:930px;
border:none;
}

a img.italien

{
position:absolute;
top:240px;
left:970px;
border:none;
}

a img.francais:hover

{
border:1px ridge white;
}

a img.italien:hover

{
border:1px ridge white;
}

a img.francais:active

{
border:1px ridge blue;
}

a img.italien:active

{
border:1px ridge blue;
}

/* -------------------index , en travaux */

#corps p.travaux 

{
text-decoration:underline;
color:#CCCC00;
font-size:1.5em;
}


/* -------------------présentation + mariages */

#partiephotos

{
margin-left:300px;
width:687px;
text-align:center;
padding-bottom:50px;
}

#over

{
overflow:hidden;
}

.galerieminiatures

{
width:150px;
height:100px;
float:left;
margin-left:15px;
margin-top:10px;
border:1px solid white;
}

.galerieminiatures a img

{
border: none ;
}

.affichagegrandeimage

{
border:5px ridge white;
height:402px;
width:600px;
margin-left:auto;
margin-right:auto;
}

.conseil

{
color:white;
font-size:1.2em;
margin-top:10px;
}

#corps p.plats  a
{
color:#ffb017;
font-size:0.9em;
text-decoration:none;
font-family:Georgia,"Arial Black", Arial, Verdana, serif;
}

#corps p.plats  a:hover
{
color:#ffb017;
text-decoration:underline;
font-family:Georgia,"Arial Black", Arial, Verdana, serif;
}



/* -------------------mariages */

#corps p.textecorps2

{
text-align:center;
font-size:1.4em;
color:#CCCC00;
}


.lien_menu

{
color:#CCCC00;
text-decoration:none;
font-size: 0.9em;
}

.lien_menu:hover

{
color:white;
text-decoration:none;
}

.lien_menu:active

{
color:red;
text-decoration:underline;
}

/* -------------------menus */

#conteneur_menus

{
margin-top:23px;
margin-bottom:23px;
width:1000px;
margin-left:auto;
margin-right:auto;
min-height:100%;
background:#941a1a;
border:5px ridge white;
}

#corps_menus

{
width:1000px;
margin-left:auto;
margin-right:auto;
text-align:center;
}

#corps_menus p

{
color:white;
font-size:1.6em;
font-family:Comic Sans MS, serif;
}

#corps_menus .prix
{
color:#CCCC00;
text-decoration:underline;
}

#corps_menus .titre_menu
{
color:#ffb017;
text-decoration:underline;
font-size:2.3em;
font-family:Georgia,"Arial Black", Arial, Verdana, serif;
}

#corps_menus .lien_retour2 a

{
font-size:0.9em;
text-align:center;
color:white;
text-decoration:none;
}

#corps_menus .lien_retour2 a:hover

{
text-decoration:underline;
color:#CCCC00;
}

#footer_menus

{
text-align:center;
color:#CCCC00;
font-size:1.2em;
font-family:comic sans ms;
font-weight: bold;
}


#footer_menus p

{
color:#CCCC00;

}

#footer_menus p a img

{
border:none;
}

/* -------------------services */

#corps  img 

{


}

/* -------------------evenements */

.evenements

{
color:#CCCC00;
font-size:1.6em;
list-style-type: none;
margin:auto;
width:400px;
text-align:center;
}


/* -------------------contact */

#corps_contact

{
margin-top:30px ;
margin-left:380px;
padding-bottom:35px;
text-align:center;
width:600px;
}

h2

{
color:white;
text-decoration:none;
}

hr

{
color:white;
height:2px;
width:530px;
}

#corps_contact p.textecorps3

{
text-decoration:underline;
text-align:center;
font-size:1.4em;
font-family:Times New Roman, serif ;
color:#CCCC00;
}

form 

{
width: 450px;
padding: 10px 20px;
color: white;
border:3px ridge white;
margin-left:auto;
margin-right:auto;
}

form p 

{
margin: auto;
width:425px;
padding-top:7px !important;
padding-bottom:7px !important;
padding-top:0px;
padding-bottom:0px;
}


label
{
display:block;
width:240px;
float:left;
text-align:left;
font-size:20px;

}

.carte_visite

{
margin-top:30px;
padding-left:10px;
}

.carte

{
border:3px solid black;
margin-top:30px;
margin-left:10px;
width:350px;
}

/* -------------------traitement */

#corpstraitementphp

{
color:white;
font-size:25px;
margin:auto;
margin-top:30px;
text-align:center;
background-color:#941a1a;
border:3px solid white;
height:200px;
width:100%;
}

.lien_retour

{
text-align:center;
}

.lien_retour  a

{
Color:#CCCC00;
font-size:0.8em;
text-decoration:none;
}
.lien_retour a:hover

{
text-decoration:underline;
}