/*** Normalized ***/

/*pour meedit mai 2017*/

/*remarque la page accueil est divisee en 4 div :
menuvert : une colonne sur la gauche de menu vertical
banniere : un bandeau horizontal au centre jusqu'au bord droit
principal : un grand rectangle au centre en hauteur et au centre jusqu'au bord droit en largeur
menuhorz : une bande a l'oppose de la banniere en bas qui fait menu horizontal
*/

#menuvert
 {
    text-align: left;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
	position: absolute;
    float:left;
    top: 0px;
    left: 1px;
    width: 174px;
	height: 800px;
    background-image: url(../img/etagere.jpg);
/*    border-top-style: inset;
    border-bottom-style: outset;
    border-left-style: inset;
    border-right-style: outset;
    border-top-color: #00ccff;
    border-bottom-color: #00ccff;
    border-left-color: #00ccff;
    border-right-color: #00ccff;*/
}
#menugche
 {
    text-align: left;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
	position: absolute;
    float:left;
    top: 0px;
    left: 1px;
    width: 174px;
	height: 60px;
    background-color: #ad8045;
/*    border-top-style: inset;
    border-bottom-style: outset;
    border-left-style: inset;
    border-right-style: outset;
    border-top-color: #00ccff;
    border-bottom-color: #00ccff;
    border-left-color: #00ccff;
    border-right-color: #00ccff;*/
}
/*#header */
#banniere {
    text-align: left;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    top: 0px;
    left: 178px;
    width: 586px;
	height: 60px;
    background-image: url(../img/theatre.jpg);
/*    border-top-style: inset;
    border-bottom-style: outset;
    border-left-style: inset;
    border-right-style: outset;
    border-top-color: #00ccff;
    border-bottom-color: #00ccff;
    border-left-color: #00ccff;
    border-right-color: #00ccff;*/
}

/*#main_body*/
/*principal sous banniere mais a droite du menu gauche*/
#principal {
    text-align: left;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    top: 64px;
   width: 586px;
    height: 600px;
    left: 178px;
	background-image: url(../img/theatrec.jpg);
	background-repeat: repeat-y;
	background-position: left top -60px;
/*    border-top-style: inset;
    border-bottom-style: outset;
    border-left-style: inset;
    border-right-style: outset;
    border-top-color: #00ccff;
    border-bottom-color: #00ccff;
    border-left-color: #00ccff;
    border-right-color: #00ccff;*/
}
/*principal sous banniere mais tout l'ecran et sans fond*/
#principat {
    text-align: left;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    top: 64px;
   width: 764px;/*586+178px;*/
    height: 600px;
    left: 0px;
		
    /*border-bottom-style: outset;
    border-left-style: inset;
    border-right-style: outset;
    border-top-color: #00ccff;
    border-bottom-color: #00ccff;
    border-left-color: #00ccff;
    border-right-color: #00ccff;*/
}


/*#footer*/
#menuhorz {
    text-align: left;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    top: 668px;
   width: 586px;
   height: 140px; 
    left: 178px;
	background-image: url(../img/theatre.jpg);
	background-repeat:	repeat-x;
	background-position: left top -364px;
/*    border-top-style: inset;
    border-bottom-style: outset;
    border-left-style: inset;
    border-right-style: outset;
    border-top-color: #00ccff;
    border-bottom-color: #00ccff;
    border-left-color: #00ccff;
    border-right-color: #00ccff;*/
	/*ce qui suit estompe tout le div
	opacity: 0.5;
    filter: alpha(opacity=50);*/
}
#menuhorzt {
    text-align: left;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    top: 668px;
   width: 764px;/*586+178px;*/
   height: 140px; 
    left: 0px;
	background-color: #ae0002;
/*    border-top-style: inset;
    border-bottom-style: outset;
    border-left-style: inset;
    border-right-style: outset;
    border-top-color: #00ccff;
    border-bottom-color: #00ccff;
    border-left-color: #00ccff;
    border-right-color: #00ccff;*/
}

/*classe de diaporama*/
.diaporama {
    position: relative;
    top: 0px;
	left: 0px;
	width: 400px;
    height: 300px;
	background-repeat: no-repeat;
}
/*les diapos de diaporama*/
#diapo1{
/*	background-image: url(../img/diapofete.jpg);diapojeu.jpg, diapolecture.jpg, diapomeditat.jpg*/
}


/*-------------------------------------------------------------------*/
/*  default-styles for html-elements                        */
/*------------------------------------------------------------------*/

/*--- body ---------------------------------------------------------*/

body#main_body {
    
    padding: 0;
/*    text-align: left;*/
background-image: url(../img/chantier.jpg);

    margin-top: auto;
    margin-bottom: auto;
    margin-left: auto;
    margin-right: auto;
}

/*--- definition des proprietes des classes --------------------------------*/
/*--- paragraph ------------------------------------------------------------*/

.content {
    margin: 5px 0 20px 0;
    padding: 0;
    line-height: 1.3;
    font-family: arial;
    font-size: 12px;
    color: #99ffff;/*ecriture bleu ciel*/
}

.content p {
    margin: 5px 0 20px 0;
    padding: 0;
    line-height: 1.3;
    font-family: arial;
    font-size: 12px;
    color: #99ffff;/*ecriture bleu ciel*/
}


/*--- les menus ------------------------------------------------------*/
.menubtn
{
height: 80px;
/*margin-top : 40px; decale tout*/
padding-top : 20px;
padding-left : 20px;
text-align: left;
position: relative;
font-family: arial;
font-size:12px;
font-weight: bold;
/*line-height: 16px;*/
}
.menubtn:hover{
	cursor : pointer;
}
.menusimple
{
height: 80px;
margin-top : -24px;
padding-top : 24px;
padding-left : 20px;
text-align: left;
position: relative;
font-family: arial;
font-size:12px;
font-weight: bold;
}
.menusimple:hover{
	cursor : pointer;
}
.menudeconn
{
height: 60px;
margin-top : -32px;
padding-top : 28px;
padding-right : 0px;
margin-right : 0px;
text-align: right;
position: relative;
font-family: arial;
font-size:12px;
font-weight: bold;
	background-image: url(../img/ico/interrupt.gif);
	background-position : left 10px top 40px;
	background-repeat:no-repeat;
}

#sousmenu1{
	background-image: url(../img/ico/sprites_ico_nr.gif);
	background-position : left 16px top 40px;
	background-repeat:no-repeat;
}
#sousmenu1:hover{
	background-image: url(../img/ico/sprites_ico_bc.gif);
}
#sousmenu2{
	background-image: url(../img/ico/sprites_ico_nr.gif);
	background-position : left 16px top -50px;
	background-repeat:no-repeat;
}
#sousmenu2:hover{
	background-image: url(../img/ico/sprites_ico_bc.gif);
}
#sousmenu3{
	background-image: url(../img/ico/sprites_ico_nr.gif);
	background-position : left 16px top -140px;
	background-repeat:no-repeat;
}
#sousmenu3:hover{
	background-image: url(../img/ico/sprites_ico_bc.gif);
}
#sousmenu4{
	background-image: url(../img/ico/sprites_ico_nr.gif);
	background-position : left 16px top -230px;
	background-repeat:no-repeat;
}
#sousmenu4:hover{
	background-image: url(../img/ico/sprites_ico_bc.gif);
}
#sousmenu5{
	background-image: url(../img/ico/sprites_ico_nr.gif);
	background-position : left 16px top -320px;
	background-repeat:no-repeat;
}
#sousmenu5:hover{
	background-image: url(../img/ico/sprites_ico_bc.gif);
}
#sousmenu6{
	background-image: url(../img/ico/sprites_ico_nr.gif);
	background-position : left 16px top -410px;
	background-repeat:no-repeat;
}
#sousmenu6:hover{
	background-image: url(../img/ico/sprites_ico_bc.gif);
}
#sousmenu7{
	background-image: url(../img/ico/sprites_ico_nr.gif);
	background-position : left 16px top -500px;
	background-repeat:no-repeat;
}
#sousmenu7:hover{
	background-image: url(../img/ico/sprites_ico_bc.gif);
}
#sousmenu8{
	background-image: url(../img/ico/sprites_ico_nr.gif);
	background-position : left 16px top -590px;
	background-repeat:no-repeat;
}
#sousmenu8:hover{
	background-image: url(../img/ico/sprites_ico_bc.gif);
}
a.menulink
{
display: inline;/*en block; KO*/
width: inherit;/*largeur de menubtn*/
height : inherit;
text-align: left;
color: #ffffff;
/*border: solid 1px #ffffff;*/
text-decoration: none;    
}
a.menulink:hover
{
display: inline;
width: inherit;/*largeur de menubtn*/
height : inherit;
text-decoration: none;
color: #9999ff;
}
.menudeconn a
{
display: inline;
width: inherit;
height : inherit;
text-align: left;
color: #ffffff;
text-decoration: none;    
}
.menudeconn a:hover
{
display: inline;
width: inherit;
height : inherit;
text-decoration: none;
color: #9999ff;
}

/*--------------------------------------------------------------------*/
/*  default-styles for html-elements                                  */
/*  en supposant qu'il existe une classe content                      */
/*--------------------------------------------------------------------*/




/*--- headings -------------------------------------------------------------*/

.content h1 {
    color: #930103;
}

.content h2 {
    color: #930103;
}

.content h3 {
    color: #930103;
}
#banniere h3{
	background-color: #d9d9ff;
}
#banniere p{
	background-color: #d9d9ff;
}

div.galerie {
    margin: 5px;
    border: 1px solid #d9d9ef;
    float: left;
    width: 180px;
	position:relative;
	display:inline-block;
}

div.galerie:hover {
    border: 1px solid #9999ff;
	cursor : pointer;
}

div.galerette{
    margin: 5px;
    border: 1px solid #d9d9ef;
	float: left;
    width: 50px;
	height : 50px;
	position:relative;
}
div.galerette:hover{
	border: 1px solid #9999ff;
	cursor : pointer;
}
div.selectionnee{
	border: 2px solid #9999ff;
}
div.selectionnee:hover{
	border: 2px solid #9999ff;
}

.bdrouge{
    display: block;
    margin-left: 2px;
    margin-right: 2px;
    padding-top: 0.35em;
    padding-bottom: 0.625em;
    padding-left: 0.75em;
    padding-right: 0.75em;
	border-style: solid;
    border-width: 3px 5px 3px 5px;
    border-color: #ff1040;
}

.bdviolet{
    display: block;
    margin-left: 2px;
    margin-right: 2px;
    padding-top: 0.35em;
    padding-bottom: 0.625em;
    padding-left: 0.75em;
    padding-right: 0.75em;
	border-style: solid;
    border-width: 2px;
    border-color: #9999ff;
}

/*--- links ----------------------------------------------------------------*/

.content a:link {
    color: #feffb1;
}

.content a:visited {
    color: #feffb1;
}

.content a:hover {
    color: #480a0a;
}

.content a:active {
    color: #930103;
}



/*--- forms ----------------------------------------------------------------*/
.content legend {
    color: #730000;
}

.content label {
    color: #730000;
}

.content input {
    border-color: #a8771c;
	border-style: solid;
    border-width: 1px;
}

.content button {
    border-width: 1px;
    border-style: solid;
    border-color: #000;
    background: #e0ae7a;
}

.content textarea {
    border-color: #a8771c;
    border-style: solid;
    border-width: 1px;
}

.content fieldset {
    padding: 15px;
    border-width: 0;
}

.content form {
    display: inline;
}