﻿@media only screen and (min-width: 1201px)
{
body
{
   width: 1200px;
   background: url("../Images/rideau_rouge.jpg") no-repeat center fixed;
   -webkit-background-size: cover; /* pour Chrome et Safari */
   -moz-background-size: cover; /* pour Firefox */
   -o-background-size: cover; /* pour Opera */
   background-size: cover; /* version standardisée */
   margin-left: auto;
   margin-right: auto;
}
}

@media only screen and (max-width: 1200px)
{

body
{
   width: 980px;
   background-color: rgb(160,0,0);
   -webkit-background-size: cover; /* pour Chrome et Safari */
   -moz-background-size: cover; /* pour Firefox */
   -o-background-size: cover; /* pour Opera */
   background-size: cover; /* version standardisée */
   margin-left: auto;
   margin-right: auto;
}

}

/* Style pour masquer le champ honeypot */
.antispam {
    display: none;
    visibility: hidden;
}

#bloc_titre
{
   background-image: url("../Images/papier_canson.jpg");
   font-family: Arial, serif;
   border-radius: 12px;
}

#bloc1, #bloc2, #bloc3, #bloc4, #bloc5, #bloc6, #bloc7, #bloc8, #bloc9, #bloc10, #bloc11, #bloc12, #bloc13, #bloc14, #bloc15, #bloc16, #bloc17, #bloc18, #bloc19, #bloc20
{
   background-image: url("../Images/papier_canson.jpg");
   font-family: Arial, serif;
   text-align: center;
   border-radius: 12px;
}

#bloc_piece_1, #bloc_piece_2, #bloc_piece_3
{
   background-image: url("../Images/papier_canson.jpg");
   font-family: Arial, serif;
   text-align: center;
   padding: 10px;
   border-radius: 12px;
}

#bloc_com_1, #bloc_com_2
{
   background-image: url("../Images/papier_canson.jpg");
   font-family: Arial, serif;
   text-align: center;
   border-radius: 12px;
}

#bloc_fest_1, #bloc_fest_2
{
   background-image: url("../Images/papier_canson.jpg");
   font-family: Arial, serif;
   text-align: center;
   border-radius: 12px;
}

#bloc_atelier_1, #bloc_atelier_2, #bloc_atelier_3, #bloc_atelier_4
{
   background-image: url("../Images/papier_canson.jpg");
   font-family: Arial, serif;
   text-align: center;
   padding: 10px;
   border-radius: 12px;
}

#bloc1, #bloc2, #bloc3, #bloc4, #bloc5, #bloc6, #bloc7, #bloc8, #bloc9, #bloc10, #bloc11, #bloc12, #bloc13, #bloc14, #bloc15, #bloc16, #bloc17, #bloc18, #bloc19, #bloc20
{
   font-style: normal;
   font-size: 1em;
   vertical-align: top;
   color: rgb(0,0,0);
   padding: 10px;
   border-radius: 12px;
}

#messages, #artsmaniak_muir_messages, #artsmaniak_doolittle_messages
{
   text-align: center;
   background-image: url("../Images/papier_canson.jpg");
   font-family: Arial, serif;
}

#message_saisie, #artsmaniak_muir_saisie, #artsmaniak_muir_message, #artsmaniak_doolittle_saisie, #artsmaniak_doolittle_message, #artsmaniak_contact
{
   text-align: center;
   background-image: url("../Images/papier_canson.jpg");
   width: 60%;
   font-family: Arial, serif;
   margin-left: auto;
   margin-right: auto;
}

p, h1, h2, h3, h4, h5, h6
{
   text-align: center;
}

div, article
{
   padding: 10px;
}

table
{
   margin-right: auto;
   margin-left: auto;
   /* padding: 10px; */
}

td
{
   padding: 10px;
}

a
{
   color: rgb(160,0,0);
   text-decoration: none;
   font-weight: bold;
   font-style: italic;
}

a:hover
{
   color: rgb(255,0,0);
   text-decoration: none;
   font-style: normal;
}

#pied_de_page
{
   clear: both;
   background-image: url("../Images/papier_canson.jpg");
   text-align: center;
   font-family: Arial, serif;
   padding: 5px;
   color: rgb(0,0,0);
}



/*
TABLEAUX
*/

.table_recherche
{
width: 96%;
margin: auto;
border-collapse: collapse;
}

.th_recherche_col1, .th_recherche_description, .th_recherche_col2
{
text-align: center;
}

.td_recherche_col1, .td_recherche_description, .td_recherche_col2
{
text-align: center;
}

.th_recherche_col1, .th_recherche_description, .th_recherche_col2
{
border: thin solid red;
}

.td_recherche_col1, .td_recherche_description, .td_recherche_col2
{
border: thin solid red;
}

.th_recherche_col1, .td_recherche_col1
{
width: 20%;
}

.th_recherche_col2, .td_recherche_col2
{
width: 23%;
}

.th_recherche_description, .td_recherche_description
{
width: 57%;
}

.td_recherche_col1 a, .td_recherche_description a, .td_recherche_col2 a
{
color: black;
}

.td_recherche_col1 a:hover, .td_recherche_description a:hover, .td_recherche_col2 a:hover
{
color: red;
}


/*
MENU DÉROULANT
*/

#menu_principal, #menu_principal ul
{
padding: 0;
margin: 0;
list-style: none;
line-height: 21px;
text-align: center;
}

@media all and (max-width: 1200px)
{
#menu_principal, #menu_principal ul
{
line-height: 36px;
}
}

#menu_principal
{
font-weight: bold;
font-family: Arial;
font-size: 12px;
}

@media all and (max-width: 1200px)
{
#menu_principal
{
font-size: 24px;
}
}

#menu_principal a
{
display: block;
padding: 0;
background: rgb(32,32,32);
/*background: url("../Design/Images/fond_simulators.jpg") fixed repeat;*/
color: rgb(255,255,225);
font-style: normal;
text-decoration: none;
width: 240px;
}

@media all and (max-width: 1200px)
{
#menu_principal a
{
width: 196px;
}
}

#menu_principal a:hover
{
background: rgb(220,220,180);
color: rgb(0,20,60);
font-style: normal;
}

#menu_principal li
{
float: left;
}

#menu_principal li ul
{ 
position: absolute;
width: 240px;
left: -1000em;
}

@media all and (max-width: 1200px)
{
#menu_principal li ul
{
width: 196px;
}
}

#menu_principal li ul ul 
{
margin: -22px 0 0 240px;
}

@media all and (max-width: 1200px)
{
#menu_principal li ul ul 
{
width: 196px;
}
}

#menu_principal li:hover ul ul, #menu_principal li.sfhover ul ul
{
        left: -1000em;
}

#menu_principal li:hover ul, #menu_principal li li:hover ul, #menu_principal li.sfhover ul, #menu_principal li li.sfhover ul
{
        left: auto;
        min-height: 0;
}

/*
FIN MENU DÉROULANT
*/